原型、原型链、继承

原型、原型链、继承

原型

定义： 原型是function对象的一个属性，它定义了构造函数制造的对象的公共祖先。通过该构造函数产生的对象，可以继承该原型的属性和方法。原型也是对象。

利用原型的特点和概念，可以提取共有属性。
对象如何查看原型 ——> 隐式属性 __proto__
对象如何查看对象的构造函数 ——> constructor

原型链

原型链的构成

原型链上属性的增删改查

绝大多数对象的最终都会继承自
Object.prototype

Object.create（原型）

继承

1.传统模式——>原型链

过多的继承了没用的属性

        Grand.prototype.lastName = 'parker';

        function Grand() {}
        var grand = new Grand();
        Father.prototype = grand;

        function Father() {
            this.name = 'jack';
        }
        var father = new Father();
        Son.prototype = father;

        function Son() {}
        var son = new Son();

2.借用构造函数

不能继承借用构造函数的原型
每次构造函数都要多走一个函数

        function Person(name, age, sex) {
            this.name = name;
            this.age = age;
            this.sex = sex;
        }
        function Student(name, age, sex, tel, grade) {
            //var this ={name: '',age='',sex=''}
            Person.call(this, name, age, sex);
            this.tel = tel;
            this.grade = grade;
        }
        var student = new Student('sunny', 123, 'male', 139, 2020);

3.共享原型

不能随便更改自己的原型

        Father.prototype.lastName = 'jack';
        function Father() {}
        function Son() {}
        Son.prototype = Father.prototype;
        var son = new Son();
        var father = new Father();

4.圣杯模式

        function inherit(Target, Origin) {
            function F() {};
            F.prototype = Origin.prototype;
            Target.prototype = new F();
            Target.prototype.constuctor = Target;
            Target.prototype.uber = Origin.prototype; //继承至谁
        }

        Father.prototype.lastName = 'parker';

        function Father() {}

        function Son() {}

        inherit(Son, Father);

        var son = new Son();
        var father = new Father();

        //雅虎提供的圣杯方法
        var inherit = (function () {
            var F = function () {};
            return function (Target, Origin) {
                F.prototype = Origin.prototype;
                Target.prototype = new F();
                Target.prototype.constuctor = Target;
                Target.prototype.uber = Origin.prototype; //继承至谁
            }
        }());