zoukankan      html  css  js  c++  java
  • Js继承

    一、对象冒充

    1.

    function ClassA(name){

       this.name = name;

    }

    ClassA.prototype.getName = function(){

       return this.name;

    }

    function ClassB(name){

        this.method1 = ClassA;

        this.method1(name);

        delete ClassB.prototype.method1;

    }

    2.call

    function ClassA(name){

       this.name = name;

    }

    ClassA.prototype.getName = function(){

       return this.name;

    }

    function ClassB(name){

       ClassA.call(this,name);

    }

    可支持多继承

    3.apply

    function ClassA(name){

       this.name = name;

    }

    ClassA.prototype.getName = function(){

       return this.name;

    }

    function ClassB(name){

       ClassA.apply(this,new Array(name));

    }

    二、原型链

    function ClassA(){

    }

    ClassA.prototype.name = "张三";

    ClassA.prototype.getName = function(){

       return this.name;

    }

    ClassB.prototype = new ClassA();

    ClassB.prototype.name = "王五";

    不支持多继承

    三、对象冒充+原型链

    function ClassA(name){

       this.name = name;

    }

    ClassA.prototype.getName = function(){

        return this.name;

    }

    function ClassB(name){

       ClassB.call(this,name);

    }

    ClassB.prototype = new ClassA();

    ClassB.prototype.age = "10";

  • 相关阅读:
    vue官方实例-组件
    数据处理-js
    图片大于div时的居中显示
    angularjs select通过动态加载option有空白项的处理方法-
    背景图片自适应div
    input-text
    input-number-required
    input-number-not-required
    null与undefined的区别?
    是true还是false呢?
  • 原文地址:https://www.cnblogs.com/ai3xiaoyi/p/3587244.html
Copyright © 2011-2022 走看看