JavaScript实现继承的4种方法总结

最新推荐文章于 2024-04-25 08:13:24 发布

听雨愁眠

最新推荐文章于 2024-04-25 08:13:24 发布

阅读量234

点赞数

CC 4.0 BY-SA版权

文章标签： JavaScript

本文链接：https://blog.youkuaiyun.com/qq_38163146/article/details/98898465

HTML 同时被 2 个专栏收录

55 篇文章

订阅专栏

41 篇文章

订阅专栏

本文深入探讨了JavaScript中四种主要的继承方式：原型链继承、构造继承、实例继承和复制继承，详细分析了每种方式的优点和缺点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、原型链继承：

    var Base = function()
    {
        this. name= '小明';
        this. age="12" ;
        this. toString = function() {
            return "base" ;
        };
    };

    
    Base. CONSTANT ="constant";
    var Sub = function(){
    };
    Sub. prototype = "new Base";

    Sub. prototype. name ="sub";

优点:从instanceof关键字来看，实例既是父类的实例，又是子类的实例，看起来似乎是最纯粹的继承。

缺点:子类区别于父类的属性和方法，必须在Sub. prototype = new Base ;这样的语句之后分别执行，无法被包装到Sub这个构造器里面去例如:Sub. prototype. name =sub”;无法实现多重继承。

2、构造继承:

    
      var Base = function()
    {
        this. name= '小明';
        this. age="12" ;
        this. toString = function() {
            return "base" ;
        };
    };

    Base. CONSTANT ="constant";

    var Sub = function(){
        Base. call(this) ;
        this. name ="sub" ;
    };

优点:可以实现多重继承，可以把子类特有的属性设置放在构造器内部。
缺点:使用instanceof发现，对象不是父类的实例。

3、实例继承:

   var Sub = function()
    {
        var instance = new Base ;
        instance. name = "sub" ;
        return instance;
    };

优点:是父类的对象，并且使用new构造对象和不使用,new构造对象，都可以获得相同的效果。
缺点:生成的对象实质仅仅是父类的实例，并非子类的对象,不支持多继承。

4、复制继承:

 var Sub = function(){
        var base = new Base ;
        for(var i in base) {
            Sub.prototype[i] = base[i];
            Sub.prototype["name"] = "sub";
        }
    }

优点:支持多继承。