The constructor function Foo is called,这句constructor function具体是怎么调用的?或者调用这个函数的对象是什么?
The constructor function Foo is called,这句constructor function具体是怎么调用的?或者调用这个函数的对象是什么?
function Foo(name) {
this.name = name;
}
var foo = new Foo("moment");
var notfoo = Foo("globalname");
Foo
函数只有在 var foo = new Foo("moment")
这种调用下,才能叫构造函数。此时会创建一个新的对象,Foo
函数中的 this
会指向这个新的对象,如果 Foo
函数没有返回值(例子中就是这种情况),那通过构造形式调用的这个函数,就会返回刚刚新建的那个对象。
但是,如果你不通过 new
来调用,如:var notfoo = Foo("globalname")
,这就是个普通函数调用,并且没有返回值,所以 notfoo
其实是 undefined
,并且此时 this
会绑定到全局对象上,此时全局对象会多一个属性 name
,并且 name
的值为 "globalname"
。
我的理解是,如果通过new运算符调用函数,函数的作用就是构造函数,调用结束会返回一个对象,这个对象的上级就是全局对象,因此可以理解为就是全局对象调用了构造函数,产生了新的下级对象。如果不使用new算符,就只是在全局对象上调用函数,这时函数中的属性的方法添加给全局对象。
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
4 回答2.4k 阅读✓ 已解决
3 回答2.3k 阅读✓ 已解决
在不考虑Foo有返回值的情况下,
new Foo(...)
相当于:JS引擎帮你生成一个对象,不妨记作a,这个a对象是以
Foo.prototype
为原型的。执行
Foo.call(a, ....)
。返回a。
问题一:“Foo是怎样调用的?”
答案:就是按照第2.步那样调用的。
问题二:“调用Foo的是哪个对象?”。
答案:可以认为就是a,也就是返回的新对象。当然,仅仅是这样认为。
扩展:new Foo(...)执行过程在Java中跟JavaScript中基本是一样的,所以你可以参考Java。