【Javascript】原型、原型链、继承（2021暑假第一周）

本周重点进行JS部分内容的复习，本次周报主要总结原型与原型链、继承的相关内容
参考视频

原型

每一个函数都有一个prototype属性，这个属性对应的就是原型对象，原型对象中的constructor属性指向函数对象

1. 显式原型：每一个函数的prototype属性 在定义函数时自动添加 默认值是一个空的Object实例对象
   隐式原型：构造函数实例对象的__proto__属性 创建对象时自动添加 默认值与构造函数的prototype属性值相同
   可以直接操作显示原型但不能直接操作隐式原型（ES6之前）
2. 实例的隐式原型的值为其对应构造函数显示原型的值
3. 每个原型对象也有着自己的原型对象——object，object是所有对象的最终原型

原型链（隐式原型链）

访问一个对象的属性时，现在自身属性中查找，若找到则返回，如果没有就沿着__proto__的链向上查找，若找到则返回
如果在Objeect原型中依然没有找到，就返回undefined
原型链的作用是查找对象的属性（方法）

注意：

1. 构造函数是Function的实例，所以构造函数也有__proto__属性，指向Function.prototype
2. 所有函数都是Function的实例，包括它本身(即Function.__proto__ = Function.prototype)
3. Object函数的prototype属性不是空的实例对象，Object原型对象的__proto__属性值为null
   即Object.prototype instanceof Object = flase Object.prototype.__proto__ = null
   

Object、Function和其它对象的关系可以归纳为下面四点：

1. 一切对象都最终继承自Object对象，Object对象直接继承自根源对象null
2. 一切函数对象（包括Object对象)都直接继承自Function对象
3. Object对象直接继承自Function对象
4. Function对象直接继承自己，最终继承自Object对象

        console.log(Object instanceof Function) 	//true
        console.log(Function instanceof Object) 	//true

原型链继承

1. 定义父类型构造函数
2. 给父类型的原型添加方法
3. 定义子类型的构造函数
4. 创建父类型的对象赋值给子类型的原型
5. 将子类型原型的构造属性设置为子类型
6. 给子类型原型添加方法
   创建子类型的对象（可以调用父类型的方法）

Sub.prototype = {}
var sub = new Sub()
sub.tostring()

所以可以让子类型的原型为父类型的一个实例对象（关键）

注意：

组合继承

    function Person(name,age){
        this.name = name
        this.age = age
    }
    Person.prototype.setName = function(name){
        this.name = name
    }
    function Student(name,age,prise){
        Person.call(this,name,age)  //为了得到属性
        this.prise = prise
    }
    Student.prototype = new Person()    //为了能看到方法
    Student.prototype.constructor = Student //为了修正constructor属性
    Student.prototype.setPrise = function(prise){
        this.prise = prise
    }
    var s = new Student('Tom',18,1600)
    s.setName('Andy')
    s.setPrise(1800)
    console.log(s.name,s.age,s.prise)