开发者社区> 问答> 正文

JavaScript 中,如果 function 中使用了 return this,外部为什么就不用写 new 了?

这是第一种:

function ren()
{

    //声明属性:
        this.name="二狗";
        this.age=28;
        this.sex="男";

    //声明方法:
        this.say=function(){
            console.log("我的名字是"+this.name+",性别是"+this.sex+",年龄是"+this.age+"...");
        }

}



//模拟类:
var p1 = new ren();

//调用方法:
p1.say();

//查看属性:
console.log(p1.name);

这是第二种:

function ren()
{

    //声明属性:
        this.name="二狗";
        this.age=28;
        this.sex="男";

    //声明方法:
        this.say=function(){
            console.log("我的名字是"+this.name+",性别是"+this.sex+",年龄是"+this.age+"...");
        }
        
        return this;
}



//模拟类:
var p1 =ren();

//调用方法:
p1.say();

//查看属性:
console.log(p1.name);

这个结果 是一样的,就是第一个 在 function 的结尾加了个 return this;
在外部少写了个 new ;

这是为什么呢?

展开
收起
杨冬芳 2016-06-21 18:26:08 2243 0
1 条回答
写回答
取消 提交回答
  • IT从业

    函数调用时内部的this默认指向全局对象. 就是说题主例子里的this.name="二狗";都为全局变量声明, 函数最后返回的this === window(浏览器端). 你可以在函数调用后试试以下代码
    全选复制放进笔记
    console.log(age);
    console.log(p1 === window);

    2019-07-17 19:45:11
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
JavaScript面向对象的程序设计 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载