原型(prototype)再理解笔记

2018-10-10  本文已影响0人  yunshengz

我们创建的每个函数都有一个原型属性,这个属性是一个指针,指向一个对象(这个对象被称为原型对象);这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。
使用原型对象的好处是可以让所有对象实例共享它所包含的属性和方法。

关于实例的的指针([[prototype]])

当调用构造函数创建一个新实例后(用new关键字得到的是一个对象),实例内部将包含一个指针( [[prototype]] ),指针指向构造函数的原型对象。

构造函数实例后的实例对象的指针( [[prototype]] )是没有方式访问的,但在firefox,Safari,Chrome在每个对象上都支持一个属性__proto__;在脚本中,这个属性是不可见的;

isPrototypeOf()方法可以确定实例指针与构造函数的原型对象之间的关系,及一个对象是否在另一个对象的原型链中;

Person.prototype.isPrototypeOf(person1);  

Object.getPrototypeOf()这个新增的方法可以返回实例的对象中的指针( [[prototype]] )说指向的原型对象;

Object.getPrototypOf(person1) === Person.prototype;

关于构造函数属性(constructor)

在默认情况下,所有原型对象都会自动获得一个构造函数(constructor)属性。这个属性包含一个指针,指向构造函数。

创建自定义的构造函数之后,其原型对象只会默认取得constructor属性,其他的属性和方法是冲Object继承而来。

其他

可以通过实例对象可以访问到原型中的值,但是不能通过实例重写原型中的值;如果在实例中添加一个和原型中同名的属性,程序是在实例中创建该属性的,并且会屏蔽原型中的同名属性;即使把同名属性设置为null,访问时也是访问实例中的该属性,而不会回复指向原型的链条;使用delete属性可以删除实例中的同名属性;

delete person1.name;  //删除实例person1的name属性

使用hasOwnProperty()来检测属性是存在实例还是原型中

person1.hasOwnproperty('name');  //name属性是否存在于实例person1中

如果原型包含引用类型值的属性,当在实例中修改该属性,则会在原型中反应出来;

function Person() {};
Person.prototype = {
    constructor: Person,
    arr: ['zhang', 'wang', 'li']
};

var person1 = new Person();
var person2 = new Person();
person1.arr.push('zao');
console.log(person1.arr === person2.arr); // true

用对象字面量的方法重写原型对象;原型对象的constructor属性将不会再指向Person,需要手动设置constructor的指向(当前重写的原型对象的constructor属性指向的是Object的构造函数)

in操作符,in操作符会在对象能够访问到某个属性是返回true,无论对象时再实例还是原型中;

'name' in person1;  // false
上一篇下一篇

猜你喜欢

热点阅读