Js面向对象的四层 -Axel Rauschmayer

摘要：原型链和简单对象一样获取和设置原型第三层构造器的构造器如何消除冗余特性的属性共享属性是怎么工作的检查是否在的原型链上。

第一层 单一对象 创建对象

对象：字符和数值的映射

属性：访问映射

方法：属性的值是函数

this 指向函数的接受者

var jane ={
    //属性
    name="Jane",
    
    //方法
    describe:function(){
        return "Person named"+this.name;
    }

https://www.youtube.com/watch?v=VJOTcUsD2kA&t=6m16s

对象和映射（map） 相同点：

非常动态：自由删除增加属性

不同点：

继承（原型链继承）

快速访问属性（通过构造器器）

第二层 原型链 prototype chains

引出共享属性

var jane = {
    name:"jane",
    describe:function(){
        return "Person named" +this.name;
    }

};

var tarzan = {
    name:"Tarzan",
    describe:function(){
        return "Person named" + this.name;
    }
};

解决方案：通过原型继承

jane 和 tarzan 通过共享一个原型对象。

原型链和简单对象一样

var PersonProto ={
    describe:function(){
        return  "Person named" +this.name;
    }
}

var jane = {
    __proto__:PersonProto,
    name:"Jane"

};
var tarzan = {
    __proto__:PersonProto,
    name:"Tarzan"
};

获取和设置原型

es6： _proto _

es5:

Object.create()

Object.getPrototypeOf()

Obejct.create(proto):

var PersonProto = {
    decribe:function(){
        return "Pseson named" + this.name;
    }
};

var jane = Object.create(PersonProto);
jane.name="Jane";

Object.getPrototypeOf(obj):

# Object.getPrototypeOf(jane) === PersonProto
true

第三层 构造器

persons的构造器

 function Person(name){
    this.name = name;
    this.decsribe = funciont(){
        return "Person named" + this.name;
    };
 }
 
 var jane = new Person ("Jane");
 console.log(jane instanceof Person); //true

如何消除冗余？

//特性的属性
 function Person(name){
    this.name = name;
 }
 
 //共享属性
 Person.prototype.describe = function(){
    return  "Person named"+ this.name;
 }

instanceof是怎么工作的？

value instanceof Constr

检查 constructor.prototype是否在value的原型链上。
Constr.prototype.isPrototypeOf(value)

第四层 构造器的继承

目标： employee 继承 Person

function Person(name){
    this.name = name;
}
Person.prototype.sayHelloto = function (otherName){
    console.log(this.name +"says hello to" + otherName);
}
Person.prototype.describe = function(){
    return "Person named" + this.name;
}

Employee(name,title)和Person一样，除了：

其他属性：title

describe（） return "Person named (