V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
lbfeng
V2EX  ›  JavaScript

constructor, prototype 很让人蒙逼

  •  
  •   lbfeng · 2019-07-18 23:47:00 +08:00 · 3010 次点击
    这是一个创建于 1733 天前的主题,其中的信息可能已经有所发展或是发生改变。
    function A(a) {
      this.a = a;
    }
    
    console.log(A.constructor);  // function Function() { [native code] }
    console.log(A.prototype);    // {}
    console.log(A.prototype.constructor);  // function A(a){this.a=a;}
    
    let a = new A(1);
    
    console.log(a.__proto__)     // {}
    console.log(a.constructor);  // function A(a){this.a=a;}
    

    A.prototype 是 Object, Object 的 constructor 居然是 A。实在不能理解

    7 条回复    2023-10-18 10:17:48 +08:00
    yuanfnadi
        1
    yuanfnadi  
       2019-07-18 23:54:11 +08:00
    只要创建了一个函数,那么该函数会有一个 `prototype` 的属性,这个属性指向函数的原型对象。
    所有原型对象都会有自动获得一个 `constructor` 的属性。这个属性包含一个指向 `prototype` 属性所在函数的指针。、

    function Person() {
    }

    console.log(Person.prototype.constructor === Person) //true


    创建自定义构造函数,其原型对象只会取得 `constructor` 属性,其他方法都是由 Object 继承而来。每当调用构造函数创建一个新实例后,该实例都将包含一个指针,指向构造函数的原型对象。在 `ECMA-262` 第 5 版中管这个指针叫 `[[Prototype]]`,在 Firefox Safari Chrome,每一个对象都支持一个属性 `__proto__`。
    yuanfnadi
        2
    yuanfnadi  
       2019-07-18 23:55:32 +08:00
    来自于 JavaScript 高级程序设计 6.2.3 原型模式
    lbfeng
        3
    lbfeng  
    OP
       2019-07-19 05:17:46 +08:00
    @yuanfnadi 好书,就是内容太多了。得抽空好好读下。
    marcong95
        4
    marcong95  
       2019-07-19 09:55:10 +08:00
    因为你没往 A.prototype 上面挂东西,那 A.prototype、a.__proto__自然就是个{}
    然后 a 是 new A(1)产生的,所以 A 是 a 的 constructor 也挺顺理成章的。
    JS 的 new 运算符后面跟的是一个 Function,表示以这个 Function 作为 constructor 创建一个对象。
    Yokira
        5
    Yokira  
       2019-07-19 13:45:53 +08:00
    推荐一个老哥讲解 JS 原型和闭包相关的文章,很详细,https://www.cnblogs.com/wangfupeng1988/p/3977924.html
    MinonHeart
        6
    MinonHeart  
       2019-07-25 17:03:43 +08:00 via iPhone
    Office365
        7
    Office365  
       181 天前
    「 A.prototype 是 Object, Object 的 constructor 居然是 A 。实在不能理解」

    请重看教材: https://javascript.info/function-prototype
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3790 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 10:43 · PVG 18:43 · LAX 03:43 · JFK 06:43
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.