javascript - js 构造函数是被什么调用的
黄舟
黄舟 2017-04-11 13:23:47
[JavaScript讨论组]

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

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全部回复(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。

PHPz

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

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号