• JavaScript构造函数学习笔记


    理解Javascript constructor实现原理

    在 JavaScript 中,每个函数都有名为“prototype”的属性,用于引用原型对象。此原型对象又有名为“constructor”的属性,它反过来引用函数本身。这是一种循环引用

    JavaScript探秘:构造函数 Constructor

    除了创建对象,构造函数(constructor) 还做了另一件有用的事情—自动为创建的新对象设置了原型对象(prototype object) 。原型对象存放于 ConstructorFunction.prototype 属性中。

    JavaScript继承方式详解

    1)原型链继承

    function Parent(){
            this.name = 'mike';
        }
    
        function Child(){
            this.age = 12;
        }
        Child.prototype = new Parent();//Child继承Parent,通过原型,形成链条
    
        var test = new Child();
        alert(test.age);
        alert(test.name);//得到被继承的属性
    }
    

    2)组合继承

       function Parent(age){
            this.name = ['mike','jack','smith'];
            this.age = age;
        }
        Parent.prototype.run = function () {
            return this.name  + ' are both' + this.age;
        };
        function Child(age){
            Parent.call(this,age);//对象冒充,给超类型传参
        }
        Child.prototype = new Parent();//原型链继承
        var test = new Child(21);//写new Parent(21)也行
        alert(test.run());//mike,jack,smith are both21
    

       使用原型链实现对原型属性和方法的继承,而通过借用构造函数来实现对实例属性的继承。这样,既通过在原型上定义方法实现了函数复用,又保证每个实例都有它自己的属性。

    4 JavaScript 继承详解

    一个系列文章,没有看完

  • 相关阅读:
    20190817-T1-LOJ6322「雅礼国庆 2017 Day6」Star Way To Heaven
    20190817-涪
    20190816-周期
    考试总结 模拟95
    考试总结 模拟94
    考试总结 模拟93
    考试总结 模拟92
    考试总结 模拟91
    考试总结 模拟90
    考试总结 模拟89
  • 原文地址:https://www.cnblogs.com/jinjin-blog/p/4757874.html
Copyright © 2020-2023  润新知