【无标题】原型原型链

karlfranz_zh

已于 2023-03-16 13:26:09 修改

阅读量66

点赞数

文章标签：编辑器 javascript

于 2023-03-09 22:15:41 首次发布

本文链接：https://blog.csdn.net/Breeze_for_gsf/article/details/129432555

版权

文章详细阐述了JavaScript中的原型属性和原型对象的概念，指出如何通过prototype和__proto__来实现对象间的继承。构造函数的prototype属性与实例对象的__proto__指向同一对象，构建了一条从实例到构造函数，再到Object.prototype，最终到null的原型链。这种方式允许共享属性和方法，提高代码效率。

摘要由CSDN通过智能技术生成

每一个函数都有一个prototype属性，指向原型对象，

prototype (原型对象)的所有属性和方法，都会被构造函数的实例对象所继承。

因此，我们可以把那些公用的（不变的）的属性和方法，定义在原型对象（prototype）上 。

构造函数 prototype 属性指向与 构造函数实例所创建的对象 的__proto__属性指向的是同一个对象。

原型对象可以向所有实例对象共享他的属性和方法，因此，不用在构造函数中定义对象信息，而是可以直接将这些信息添加到原型中。

  let arr = []
  console.log('arr.__proto__', arr.__proto__);  // Array.prototype

  console.log('arr.__proto__ === Array.prototype', arr.__proto__ === Array.prototype);  // true

  console.log('arr.__proto__.__proto__',arr.__proto__.__proto__); // Object.prototype

  console.log('arr.__proto__.__proto__ === Object.prototype',arr.__proto__.__proto__ === Object.prototype); // true

  __proto__      =>      __proto__       =>        __proto__       =>    null
     []               Array.prototype          Object.prototype
  
    [] instanceof Array; // true
    {} instanceof Object;// true

从 instanceof 能够判断出 [ ].__proto__  指向 Array.prototype，

而 Array.prototype.__proto__ 又指向了Object.prototype，

最终 Object.prototype.__proto__ 指向了null，标志着原型链的结束。
    
****因此，[]、Array、Object 就在内部形成了一条原型链

我的博客：https://karlfranz.cn/