javascript 之继承

一.通过原型链继承

demo：

function animal(){ }

animal.prototype.name='老虎'

animal.prototype.sexy='母'

animal.prototype.likes=function(){

   return this.sexy+this.name+'喜欢吃肉'

}

var demo1=new animal();

console.info(demo1.sexy) ==>母  console.info(demo1.name)===>老虎

优点：

（1）父类增加的原型方法/原型属性子类都能访问得到

缺点：

（1）所有子类的实例原型都共享一个超类实例的属性和方法

（2）在创建子类的实例时，不能向父类的构造函数传递参数

（3）无法实现多继承

 

二.构造函数继承

在新创建的对象上可以通过apply,call()等方法执行构造函数，通过父类的构造函数来增加子类的实例

function F() {

// 属性

this.name = name || 'dragon'

// 实例方法

this.sleep = function(){

   console.log(this.name + '正在睡觉！');

 }

}

function C(name){

F.call(this);

this.name = name || 'Tom';

}

var c=new C()

console.log(F.name);

console.log(F.sleep);

缺点：   

无法继承原型链上的属性和方法

 

ES6 extends继承

class father{

constructor(name){

this.name=name;

this.names=[1,2,3]

}

getname(){

console.info(this.name)

}

}

class child extends father{

constructor(name){

super(name)

}

sayHello(){

console.log("say hello dalin")

}

static miao(){

console.log("miao miao")

}

}

var demo1=new child("大力水手")

demo1.sayHello();

demo1.getname();

child.miao();//demo1.miao()未定义

demo1.names.push("阿里巴巴")

console.info(demo1.names)

var demo2=new child("sap")

console.log(demo2.name)

console.log(demo2.names)