继承
构造函数的继承
构造函数的继承第一步是在子类的构造函数中，调用父类的构造函数,让子类实例具有父类实例的属性。
然后让子类的原型指向父类的原型，这样子类就可以继承父类原型。
function Person (){ this.name = 'person'; } function Boy(){ Person.call(this); this.title = 'boy'; } Boy.prototype= Object.create(Person.prototype); Boy.prototype.constructor=Boy; Boy.prototype.getTitle=function (){console.log(this.title)}; var b =new Boy(); b.getTitle(); console.log(b); ~~ 调用父类的构造函数是初始化实例对象的属性。子类的原型指向父类的原型是为了基础父类的原型对象的属性。 另外一种写法是Boy.prototype等于一个父类实例： ~~~js Boy.prototype = new Person();
上面这种写法也有继承的效果，但是子类会具有父类实例的方法。有时，这可能不是我们需要的，所以不推荐使用这种写法.
JavaScript 不提供多重继承功能，即不允许一个对象同时继承多个对象。但是，可以通过变通方法，实现这个功能:
function Person1 (){ this.name = 'person'; } function Person2 (){ this.sex = '男'; } function Boy(){ Person1.call(this); Person2.call(this); this.title = 'boy'; } //继承Person1 Boy.prototype= Object.create(Person1.prototype); //继承链加上Person2 Object.assign(Boy.prototype,Person2.prototype); Boy.prototype.constructor=Boy; Boy.prototype.getTitle=function (){console.log(this.title)}; var b =new Boy(); b.getTitle(); console.log(b); //Boy { name: 'person', sex: '男', title: 'boy' }
class
ES6 的class可以看作只是一个语法糖，它的绝大部分功能，ES5 都可以做到，新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已.
class Person { constructor(name,sex) { this.name=name; this.sex =sex; } toString(){ return this.name + ' '+ this.sex; } }
构造函数的prototype属性，在ES6 的“类”上面继续存在。事实上，类的所有方法都定义在类的prototype属性上面。
上面的类等同于：
Person.prototype = { constructor(name,sex) { this.name=name; this.sex =sex; } toString(){ return this.name + ' '+ this.sex; } }
表达式属性名
class还支持动态的表达式属性名：
let methodName = 'getName'; class Person { constructor(name,sex) { this.name=name; this.sex =sex; } toString(){ return this.name + ' '+ this.sex; } [methodName](){ return this.name; } }
静态方法
类相当于实例的原型，所有在类中定义的方法，都会被实例继承。如果在一个方法前，加上static关键字，就表示该方法不会被实例继承，而是直接通过类来调用，这就称为“静态方法”。
class Person { constructor(name,sex) { this.name=name; this.sex =sex; } static getSex(){ return '男'; } } console.log(Person.getSex()); //男 let p = new Person(); console.log(p.getSex());//TypeError: p.getSex is not a function
静态属性
静态属性指的是 Class 本身的属性，即Class.propName，而不是定义在实例对象（this）上的属性.
class Person { constructor(name,sex) { this.name=name; this.sex =sex; } } Person.address ='address'; console.log(Person.address);
目前，只有这种写法可行，因为 ES6 明确规定，Class 内部只有静态方法，没有静态属性.
class的继承
class的继承一般使用extends关键字：
class Boy extends Person{ constructor(name,sex,address) { super(name,sex); //调用父类的构造函数 this.address =address; } toString() { return super.toString();//调用父类的方法 } }
在子类的构造函数中，只有调用super之后，才可以使用this关键字，否则会报错。这是因为子类实例的构建，是基于对父类实例加工，只有super方法才能返回父类实例。
super作为函数调用时，代表父类的构造函数。ES6 要求，子类的构造函数必须执行一次super函数。
super作为对象时，在普通方法中，指向父类的原型对象；在静态方法中，指向父类。
上面的例子，我们在子类Boy中的toString普通方法中，调用了super.toString(),之前我们也讲了，类的所有方法都定义在类的prototype属性上面。所以super.toString就是Person中定义的toString方法。
由于super指向父类的原型对象，所以定义在父类实例上的方法或属性，是无法通过super调用的。
定义在父类实例上的方法或属性就是指在constructor中定义的方法或者属性。
Person类，在constructor中定义了name属性。我们看一下在Boy中的普通方法中访问会有什么问题：
class Boy extends Person{ constructor(name,sex,address) { super(name,sex); //调用父类的构造函数 console.log(super.name); //undefined console.log(this.name); //hanmeimei this.address =address; } toString() { return super.toString();//调用父类的方法 } getName(){ console.log(super.name); //undefined console.log(this.name); //hanmeimei } } var b =new Boy('hanmeimei','女','北京'); b.getName();
总结
JS中的面向对象主要有构造函数，原型链，类三种方式，希望大家能够喜欢。
