js基础 ------ 继承

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());

缺点：

1. 创建子类实例时，无法向父类构造函数传参
2. 来自原型对象的引用属性是所有实例共享的

2、构造继承

function Woman (name, age) {
  People.apply(this, arguments);  
}

var p1 = new Woman('小丽', 18);
console.log(p1.detail()); //小丽年龄:18
console.log(p1.hello()); // undefined

缺点：

1. 只能继承父类的实例属性和方法，不能继承原型属性/方法

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