JS 继承是一个非常强大的特性之一。
首先,我们定义一个需要实现继承的父类,
// 定义一个人的基类 function People (name, age) { this.name = name || ''; this.age = age || 20; this.detail = function() { console.log(this.name + '年龄:' + this.age); } } People.prototype.hello = function () { console.log(this.name + ',你好!'); }
1、原型链继承
function Woman () { } Woman.prototype = new People(); Woman.prototype.name = '小丽'; Woman.prototype.age = '18'; var p1 = new Woman(); console.log(p1.name); console.log(p1.detail()); console.log(p1.hello());
缺点:
- 创建子类实例时,无法向父类构造函数传参
- 来自原型对象的引用属性是所有实例共享的
2、构造继承
function Woman (name, age) {
People.apply(this, arguments);
}
var p1 = new Woman('小丽', 18);
console.log(p1.detail()); //小丽年龄:18
console.log(p1.hello()); // undefined
缺点:
- 只能继承父类的实例属性和方法,不能继承原型属性/方法
3、组合继承
function Woman(name, age) {
People.apply(this, arguments);
}
Woman.prototype = new People();
var p1 = new Woman('小丽', 18);
console.log(p1.detail()); //夏利年龄:18
console.log(p1.hello()); //小丽,你好!
推荐3