es5原型链继承和对象冒充继承

JS继承方式详解

最新推荐文章于 2022-09-27 13:40:45 发布

原创最新推荐文章于 2022-09-27 13:40:45 发布 · 249 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

6 篇文章

订阅专栏

本文深入探讨了JavaScript中两种常见的继承方式：原型链继承和对象冒充继承。通过具体示例，解析了这两种继承方式的特点及局限性，如原型链继承能访问到原型链上的属性和方法，但实例化子类时无法传递参数；而对象冒充继承虽可解决参数传递问题，却无法继承原型链上的属性和方法。

/*
es5原型链继承和对象冒充继承

 对象冒充继承:没法继承原型链上面的属性和方法

 原型链继承：可以继承构造函数里面以及原型链上面的属性和方法，实例化子类的时候没法给父类传参
* */

function Person(name,age) {
    this.name = name;
    this.age = age;
    this.run = function () {
        console.log(`${this.name}——${this.age}`);
    }
}
//原型链继承
Person.prototype.work = function () {
    console.log('work');
}


function web(name,age) {
    Person.call(this,name,age);   /*对象冒充实现继承*/
}

web.prototype=new Person();
var w = new web('joe',20);
console.log(w.name);
w.run();
w.work();  //未加web.prototype=new Person();时，w.work is not a function

// var p = new Person('wen',21);
// p.work();