原型和原型链

构造函数

使用构造函数来创建对象

function Person() {

}
var person1 = new Person()

Person就是一个构造函数，通过new创建了person1对象实例。其实构造函数就和普通函数没有多大区别，首字母大写只是约定俗成，不大写照样可以。关键是调用它的方式——通过new，那么这里又会牵扯到另一个问题，使用new调用后会内部会执行哪些操作。

prototype

function Person() {

}
Person.prototype.name = 'lin'
var person1 = new Person()
console.log(person1.name) // lin

这个并不是构造函数专有，每个函数都会有一个prototype属性，这个属性是一个指针，指向一个对象，记住只有函数才有，并且通过bind()绑定的也没有。prototype指向Person.prototype，Person.prototype就是原型对象，也就是person1的原型。原型对象的好处是可以让所有对象实例共享它所包含的属性和方法。

proto

function Person() {

}
Person.prototype.name = 'lin'
var person1 = new Person()
console.log(person1.__proto__ === Person.prototype) // true

所以总结可得proto就是用来将对象与该对象的原型相连。

// instanceof这个操作符只能处理对象(person1)和函数(带.prototype引用的Person)之间的关系
person1 instanceof Person // true

// isPrototypeOf如果[[prototype]]指向调用此方法的对象，那么这个方法就会返回true
Person.prototype.isPrototypeOf(person1) // true

// Object.getPrototypeOf这个方法返回[[prototype]]的值，可以获取到一个对象的原型
Object.getPrototypeOf(person1) === Person.prototype // true

constuctor

function Person() {

}
var person1 = new Person()
Person.prototype.constructor === Person // true
person1.constructor === Person // true

原型链

我们既然探索完了他们的关系，那我们来继续探索一下原型和原型链的奥秘所在，其实原型链就是依托proto和prototype连接起来的。
下面代码中在实例属性和原型属性都有一个名为name的属性，但是最后输出来的是实例属性上的值。当我们读取一个属性的时候，如果在实例属性上找到了，就读取它，不会管原型属性上是否还有相同的属性，这其实就是属性屏蔽。即当实例属性和原型属性拥有相同名字的时候，实例属性会屏蔽原型属性，记住只是屏蔽，不会修改，原型属性那个值还在。

function Person() {

}
// 原型属性
Person.prototype.name = 'lin'

var person1 = new Person()

// 实例属性
person1.name = 'L'

console.log(person1.name) // L

下面代码中person1实例并没有name属性，但仍然可以输出值，就是在原型上找到的。

function Person() {

}
// 原型属性
Person.prototype.name = 'lin'

var person1 = new Person()

console.log(person1.name) // lin

使用方法hasOwnProperty，属性只有存在于实例中才会返回true

function Person() {

}
var person1 = new Person()

// 实例属性
person1.name = 'L'
person1.hasOwnProperty('name') // true

in操作符则会遍历所有属性，不管是实例上的，还是原型上的。

'name' in person1 // true

Object.prototype没有原型，为null，它就是尽头。

Object.prototype.__proto__ // null

Posted by Hexo on 2017-07-03