JavaScript原型到原型链

JavaScript原型到原型链

1. 每一个函数都有一个prototype属性

函数的prototype属性指向了一个对象,这个对象正是调用该构造函数而建立的实例的原型
什么是原型呢? 每个JavaScript对象(null除外)在建立的时候就会与之关联另外一个对象,这个对象就是咱们所说的原型,每个对象都会从原型继承属性。

    1. 每个对象(null除外)都有__proto__属性

这个属性会指向该对象的原型

    1. 构造函数的prototype 指向的是 实例对象的原型

function Person(){

}
var person1 = new Person()

console.log(person1.__proto__ === Person.prototype). //true

    1. constructor

都一个原型都有constructor属性指向关联的构造函数
function Person(){

}
var person1 = new Person()

console.log(Person===Person.prototype.constructor). // true
console.log(Person===person1.__proto__.constructor) // true
// ES5获取原型的方法
console.log(Person.prototype === Object.getPrototypeOf(person1))

实例和原型

1. 当读取对象的属性的时候，若是找不到，就会查找与对象相关联的原型中的属性，若是还查不到，就去原型的原型上去找，一直找到最顶层为止

function Person(){

}
Person.prototype.name='hy'
var person1 = newPerson()

person1.name='ycl'
console.log(person1.name)// ycl

delete person1.name
console.log(person1.name)// hy

在这个例子中，咱们给实例对象 person1 添加了 name 属性，当咱们打印 person1.name 的时候，结果天然为 ycl。
可是当咱们删除了 person1 的 name 属性时，读取 person1.name，从 person1 对象中找不到 name 属性就会从 person 的原型也就是 person.__proto__ ，也就是 Person.prototype中查找，幸运的是咱们找到了 name 属性，结果为 hy。
可是万一尚未找到呢？原型的原型又是什么呢？

原型的原型

1. 原型也是一个对象，既然是对象，咱们就能够用最原始的方法建立它

var obj = new Object()
obj.name='hy'
console.log(obj)

// 其实原型对象就是经过Object构造函数生成的，结合以前所讲,实例经过__proto__指向构造函数的prototype

补充

1. Object.prototype的原型指向null

console.log(Object.prototype.__proto__===null)//true

 

1. 当获取person. constructor时，其实person身上并无constructor属性，当不能读取到constructor属性时，会从person的原型也就是person.prototype中读取，正好原型中有该属性。

console.log(person1.constructor===Person.prototype.constructor)