js 构造函数是被什么调用的

clipboard.png

The constructor function Foo is called,这句constructor function具体是怎么调用的?或者调用这个函数的对象是什么?

阅读 4k
4 个回答

在不考虑Foo有返回值的情况下,new Foo(...)相当于:

  1. JS引擎帮你生成一个对象,不妨记作a,这个a对象是以Foo.prototype为原型的。

  2. 执行Foo.call(a, ....)

  3. 返回a。

问题一:“Foo是怎样调用的?”
答案:就是按照第2.步那样调用的。

问题二:“调用Foo的是哪个对象?”。
答案:可以认为就是a,也就是返回的新对象。当然,仅仅是这样认为。

扩展:new Foo(...)执行过程在Java中跟JavaScript中基本是一样的,所以你可以参考Java。

new是一个运算符,具体谁调用了构造器应该是javascript内部做的,看起来像是那个空对象。

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算符,就只是在全局对象上调用函数,这时函数中的属性的方法添加给全局对象。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题