当前位置：网站首页>JS 内置构造函数扩展 prototype 继承借用构造函数组合式原型式creat 寄生式寄生组合式 call apply instanceof

JS 内置构造函数扩展 prototype 继承借用构造函数组合式原型式creat 寄生式寄生组合式 call apply instanceof

2022-08-03 19:28:00 【HandsomeDanielWu】

prototype 只有在构造函数new()才有用。构造函数的prototype就是实例的原型。实例可以通过prototype上得到方法和属性，称为原型链查找。所以方法一般添加在prototype上，不直接添加在实例上

字面量

数组扩展方法拓展类型的方法 prototype

内置构造函数的关系

——poto_是谷歌浏览器的特殊属性

Object是所有原型的终点，Object本身又可以看作Function new()出来的

继承

解决继承问题1：借用构造函数 call apply

组合继承

原型式继承 creat

原型式继承

寄生式继承

不同实例中，函数是不同的地址，造成资源浪费

寄生组合式

寄生

组合

不需要new 父类，相比组合式继承，减少1次构造函数调用。

<body>
    <script>
        //这个函数接受两个参数，subType子类的构造函数，supertype父类的构造函数
        function inheritPrototype(subType, superType){
            //寄生式继承
            var prototype = Object.create(superType.prototype);
            subType.prototype = prototype;
        }

        //父类
        function People(name, sex, age){
            this.name = name;
            this.sex = sex;
            this.age = age;
        }
        //如果方法不卸载prototype里，会导致创建出来的实例会有各自的方法函数地址，
        //造成资源浪费
        People.prototype.sayHello = function(){
            console.log('你好，我是'+ this.name +'今年' + this.age +'岁了');
        }
        People.prototype.sleep = function(){
            console.log(this.name + '正在睡觉');
        }

        //组合
        //子类
        function Student(name, sex, age, school, sid){
            //构造函数，省去再写一遍父类属性的复制方法
            //call解决子类实例的引用对象是相同内存地址问题
            //this上下文，指student
            People.call(this,name, sex, age);
            //子类属性
            this.school = school;
            this.sid = sid;
        } 
        //调用inheritPrototype函数，这个函数可以让Student类和prototype指向
        //People.prototype为原型的一个新对象
        inheritPrototype(Student,People);

        Student.prototype.exam = function(){
            console.log(this.name + '正在考试');
        }

        Student.prototype.sayHello = function(){
            console.log(this.name + '学生 say hello');
        }

        var xiaoming = new Student('小明','男',12,'ABC学校',12345);
        xiaoming.sayHello();
        xiaoming.sleep();
        xiaoming.exam();
    </script>
</body>

instanceof 检查是否在原型链上