JavaScript原型到原型链

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

JavaScript原型到原型链

每个函数都有一个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))

实例和原型

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

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。
但是万一还没有找到呢？原型的原型又是什么呢？

原型的原型

原型也是一个对象，既然是对象，我们就可以用最原始的方法创建它

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

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

补充

Object.prototype的原型指向null

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

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

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

来源：oschina

链接：https://my.oschina.net/u/4052053/blog/3020372

标签

构造函数

object