# js的原型和原型链
# 构造函数创建对象
function Person(){}
var person =new Person();
person.name ='Kevin';
console.log(person.name)// Kevin
1
2
3
4
2
3
4
Person就是一个构造函数，我们使用new创建了一个实例对象person
# prototype
每个函数都有一个prototype属性
每一个JavaScript对象（null除外）在创建的时候就会与之关联另一个对象，这个对象就是我们所说的原型，每一个对象都会从原型"继承"属性。
function Person(){}
// 虽然写在注释里，但是你要注意：
// prototype是函数才会有的属性
Person.prototype.name ='Kevin';
var person1 =new Person();
var person2 =new Person();
console.log(person1.name)//Kevin
console.log(person2.name)// Kevin
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
# proto
每一个JavaScript对象(除了 null )都具有的一个属性，叫proto，这个属性会指向该对象的原型
function Person(){}
var person =new Person();
console.log(person.__proto__ ===Person.prototype);// true
1
2
3
2
3
# constructor
每个原型都有一个constructor属性指向关联的构造函数
实例原型指向构造函数
function Person(){}
console.log(Person ===Person.prototype.constructor);// true
1
2
2
function Person(){}
var person =new Person();
console.log(person.__proto__ ==Person.prototype)// true
console.log(Person.prototype.constructor == Person)// true
// 顺便学习一个ES5的方法,可以获得对象的原型
console.log(Object.getPrototypeOf(person)===Person.prototype)// true
1
2
3
4
5
6
2
3
4
5
6
# 实例与原型
function Person(){}
Person.prototype.name ='Kevin';
var person =new Person();
person.name ='Daisy';
console.log(person.name)// Daisy
delete person.name;
console.log(person.name)// Kevin
1
2
3
4
5
6
7
2
3
4
5
6
7
在这个例子中，我们给实例对象 person添加了name属性，当我们打印 person.name 的时候，结果自然为 Daisy。
但是当我们删除了person的name属性时，读取person.name，从person对象中找不到name属性就会从person的原型也就是person.proto ，也就是 Person.prototype中查找，幸运的是我们找到了name属性，结果为 Kevin。
# 原型与原型
var obj =new Object();
obj.name ='Kevin';
console.log(obj.name);// Kevin
1
2
3
2
3
# 原型链
console.log(Object.prototype.__proto__ === null) // true
1
JavaScript默认并不会复制对象的属性，相反，JavaScript只是在两个对象之间创建一个关联，这样，一个对象就可以通过委托访问另一个对象的属性和函数，所以与其叫继承，委托的说法反而更准确些