js深入从原型到原型链（笔记1）

构造函数创建对象

我们先使用构造函数创建一个对象：

function Person(){

}

var person=new Person();

person.name='A';

console.log(person.name);//A

在这个例子中，Person就是一个构造函数，我们使用了new创建了一个实例对象person

prototype

每个函数都有一个prototype属性，例

function Person(){

}

//prototype是函数才有的属性

Person.prototype.name='A';

var person1=new Person();

var person2=new Person();

console.log(person1.name) // A
console.log(person2.name) // A

函数的prototype属性指向了一个对象，这个对象正是调用该构造函数而创建的实例的原型，也就是

这个例子中的person1和person2的原型。

什么是原型呢，每一个javascript对象（null除外）在创建的时候就会与之关联另一个对象，这个对象就是我们所说的原型，

这个对象就是我们所说的原型，每一个对象都会丛原型继承属性。

 

_proto_

每一个javascript对象(null除外)都具有的属性，这个属性会指向该对象的原型。

为了证明这一点我们可以在控制太打印输出：

function Person(){

}

var person=new Person();

console.log(person._proto_===Person.prototype);//true

在这可以自己打印练练

 

既然实例对象和构造函数都可以指向原型，那么原型是否有属性指向构造函数或者实例呢？

constructor

指向实例没有，因为一个构造函数可以生成多个实例，但是原型指向构造函数有。

每一个原型都有一个constructor属性指向关联的构造函数。

function Person(){

}

console.log(Person===Person.prototype.constructor);//true

综上我们得出

function Person(){

}

var person =new Person();

console.log(person.__proto__ == Person.prototype);//true

console.log(Person.prototype.constructor==Person);//true

console.log(person.__proto__.constructor==Person);//true

实例与原型

当读取实例的属性时，如果找不到，就会查找与对象关联的原型中的属性，如果还找不到，就要找原型的原型，一直找到最顶层

 

原型的原型是什么呢

原型是一个对象，我们可以用最原始的方式创建他，

var obj=new Object();

obj.name='A';

console.log(obj.name);//A

原型对象是通过Object构造函数生成的，结合之前写的，实例的_proto_指向构造函数的prototype

function Person(){

}

console.log(Person.prototype.__proto__);

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