原型链

jiezi

5 年前

    // 第一种方式：字面量，默认创建对象     
    var a10 = {name:'a10'};             // {name: "a10"}  
    var a11 = new Object({name:'a11'}); // {name: "a11"}

    // 第二种方式：构造函数     
    var a2 = function(){this.name = 'a20'};  
    var a20 = new a2();                 // a2 {name: "a20"}
    
    // 第三种方式：Object.create()       
    var a3 = {name:'a30'};
    var a30 = Object.create(a3);        // {} 之后输入 a30.name 能得到 "a30"

对象就是一个实例，就有 _proto_ 属性。
实例通过 _proto_ 原型链找到 prototype 原型对象，prototype 原型对象的属性被所有实例共享。

通过 new 来创建对象实例。
任何函数都可以作为构造函数。
只要被 new 运算符使用过的函数就是一个构造函数。

函数都有 prototype 属性，prototype 属性的值就是一个初始化的原型对象。
原型对象有个 constructor 和 _proto_ 属性，constructor 是一个构造函数。
Fn.prototype.constructor === Fn（constructor 函数指向构造函数本身。通过 constructor 把原型对象和构造函数关联。）

每一个对象都有自己的原型对象，原型对象本身也是对象，原型对象也有自己的原型对象，这样就形成了一个链式结构，叫做 原型链。

instanceof 主要作用就是判断一个实例是否属于某种类型，实现原理就是只要右边变量的 prototype 在左边变量的原型链上即可。因此，instanceof 在查找的过程中会遍历左边变量的原型链，直到找到右边变量的 prototype，如果查找失败，则会返回 false。

// 构造函数
var Fn = function(name) {this.name = name;}
var obj = new Fn('obj');

new 运算符的工作原理：

var newTest = function(fn) {var initObj = Object.create(fn.prototype);
    var obj = fn.call(initObj);
    if(typeof obj === 'object') {return obj;} else {return initObj;}
}
var Fn = function() {// this.name = 'obj', 最后 newTest(Fn)返回的结果完全等同。return {name: 'obj';}
}
newTest(Fn)

原文地址:https://www.artroy.com.cn/art…
更多文章分享：https://www.artroy.com.cn/

原型链

一、创建对象有几种方法

二、实例、构造函数、原型、原型链

2.1 实例

2.2 构造函数

2.3 原型

2.4 原型链

三、instanceof 的原理

四、new 运算符