JS原型和原型链

原型

js中每个函数都会有一个 prototype 属性,该属性指向原型链上的某一个对象; 这个对象中的所有的属性都会被该函数的实例所继承,即该函数所有的实例中的 __proto__ 属性都会指向这个对象,说明prototype 指向的对象就是 函数实例的原型;

var a = function(){}; 

a.prototype.x = 1;

var b = new a();

a.prototype    //{x: 1, constructor: ƒ}

b.__proto__  //{x: 1, constructor: ƒ}

a.prototype == b.__proto__  //true

b.x === 1  //true

a.x=== undefined    //true;

注:所有不属于  “常规函数实例”  的对象,他们的__proto__都会指向 Object.prototype;

var obj = {} //同 var obj = new Object();

obj.__proto__ == Object.prototype    // true

原型链

原型链属于 js 中的一个概念;并非一个特定的属性和对象,原型链由对象的 __proto__串联起来

js中一个对象,当你访问其中的一个属性或方法的时候,如果这个对象中没有这个 方法或属性,那么引擎将会访问这个对象的 __proto__ 属性所指向的一个对 象(原型),并在那个对象中查找指定的方法或属性,如果不能找到,那就会继续通过那个对象 的__proto__ 属性指向的对象进行向上查找,直到这个链表结束(即:一直找到  Object.prototype )。

例:

Object.prototype.mytest= "1";

var arr = [];

var str ="1111";

arr.mytest == "1" //true 

str.mytest == "1" //true

之所以返回 都为 true 是因为:

arr.__proto__ == Array.prototype; //true

Array.prototype.__proto__ ==  Object.prototype  //true

所以有了 :

  arr.__proto__ .__proto__ ==  Object.prototype  //true

 arr.mytest == "1" //true ;;;上面的 str 同理

你可能感兴趣的:(JS原型和原型链)