zoukankan      html  css  js  c++  java
  • 【javascript】简单原型链、借用构造函数

    javascript中继承(实现继承)的方式--简单原型链

      1 .简单原型链事例

       function Super() { };
            Super.prototype = {
                name:"Super",
                sayName:function () {
                    alert(this.name);
                }
            }
            
            function Sub() {
                //Sub.prototype.name = "sub";
            }

            Sub.prototype = new Super();

            var sub1 = new Sub();
            sub1.sayName();//提示Super

       2. 简单原型链和借用构造函数事例

        function Super(name,age) {
                this.name = name;
                this.age = age;
                this.color = ["red", "blue"];
            };
            Super.prototype = {
                sayName:function () {
                    alert(this.name);
                }
            }
            
            function Sub(name,age) {
                Super.call(this,name,age);
            }

            Sub.prototype = new Super();
            Sub.prototype.sayAge = function () {
                alert(this.age);
            }

            var sub1 = new Sub("sub1",1);
            sub1.sayName();//sub1
            sub1.sayAge();//1
            sub1.color.push("green");
            alert(sub1.color); //red,blue,green

            var sub2 = new Sub("sub2", 2);
            sub2.sayName();//sub2
            sub2.sayAge();//2
            alert(sub2.color); //red,blue

  • 相关阅读:
    二,数据类型与流程控制语句
    一,cmd指令集与变量
    web第九天,浮动与定位
    web第八天,PS切图与float浮动
    web第七天,标签分类
    web第六天,CSS优先级与盒子模型
    web第五天复合样式与选择器
    web第四天,CSS基础
    web第三天 表单与css基础
    装饰器
  • 原文地址:https://www.cnblogs.com/zspbolg/p/3517109.html
Copyright © 2011-2022 走看看