前言
高级语言基本上都有类的概念,而javascript
因为各种原因相对比较特别,并没有明确的class
类声明方式(ES6暂不涉及),而是通过构造函数变相实现。推荐《javascript高级程序设计》,对类继承有详细介绍。书中涉及继承方式多达数种,意味着继承的灵活性。但灵活性,有时也意味着复杂性。总结来说,继承方案本文介绍两种即可覆盖大部分场景。
关于原型链
关于原型链,花了很久才搞明白。javascript
的世界,可以认为变量皆对象。当声明一个普通变量,即可调用多种方法。
love = ['one', 'two', 'three']
["one", "two", "three"]
love.slice(1,2)
["two"]
Object.keys(love)
["0", "1", "2"]
这里声明一个数组,即可调用slice
方法。既然未手工定义slice
方法,为么能够使用,就需要需要提到原型继承。
对象可访问变量由两部分构成,属性和原型对象。属性优先级高于原型对象,如上所述,love
数组的属性为"0", "1", "2",当调用slice
方法时,会先在属性里面寻找slice
键对应的值,此例中显然不存在。未找到,则到原型对象中寻找。love
变量的原型对象即为Array.prototype
,键命中,所以不会undefined
。注意的一点,原型对象也是对象,即原型对象可能也存在原型对象,在原型对象中匹配键时,也遵循先属性,后原型的法则。这样的匹配方式就实现了原型链。
属性继承
某些场合中,不同类具备相同的属性,而没有需要共享的原型。举例来说,基于Person
类实现Female
类。假设Person
属性为name
,age
;而Female
类也需要有name
,age
属性,但是多个sex
属性,既可以如下实现:
function Person(name, age) {
this.name = name;
this.age = age;
};
function Female(name, age) {
this.name = name;
this.age = age;
this.sex = 'female';
};
function Female(name, age) {
Person.call(this, name, age);
this.sex = 'female';
};
两种Female
具备共有的属性定义,主要功能是为了省代码。从一定意义上来说,Female
, Person
处于同一层级,并不符合继承字面义。
原型继承
某些场合中,子类与超类需要共享信息,就需要原型继承出场。假设organization类和employee类,不同公司有不同的公司信息,而同一公司内的员工则需要继承相同的公司信息。
function Organization(boss, belief) {
this.boss = boss;
this.belief = belief;
};
function Employee(name, age) {
this.name = name;
this.age = age;
};
让不同的员工共享相同的公司信息可以如下实现:
// first solution
Employee.prototype = new Organization('bruce wayen', 'make business easy');
Employee.prototype.constructor = Employee;
// second solution
Employee.prototype.boss = 'bruce wayen';
Employee.prototype.belief = 'make business easy';
值得注意的点在于,如果Organization
不是某一超类的子类的话,两种方式没有任何差异。两种prototype
具备相同的三个属性,且__proto__
指针都指向Function.prototype
。
如果Organization
是Group
的子类,那么第一种方式,
function Group() {
this.label = 'Group';
};
function Organization(boss, belief) {
this.boss = boss;
this.belief = belief;
};
Organization.prototype = new Group();
Organization.prototype.constructor = Organization;
function Employee(name) {
this.name = name;
};
Employee.prototype = new Organization('bruce wayen', 'make business easy');
Employee.prototype.constructor = Employee;
Employee同时具备访问Group内部变量的能力,此时原型对象__proto__
指针指向Group.prototype
。那么所有的employee.label
即为Group
。
从一定意义上来说,这种处理方式,Employee
比Organization
更高一级,可访问变量出自身属性外,还包含Organization
可访问的所有键值,比较符合继承的字面意。
组合继承
组合继承可以认为是以上两种组合实现。组合继承从一定程度上来说,就是类之间的深拷贝,两者具有完全相同的原型对象,也存在一些共有的属性,依旧拿Person, Female举例:
function Person(name, age) {
this.name = name;
this.age = age;
};
function Female(name, age) {
Person.call(this, name, age);
this.sex = 'female';
};
Female.prototype = Person.prototype;
Female.prototype.constructor = Female;
如果你使用Nodejs
的话,会不会觉得Female
的定义有点熟悉,看下面代码:
var Orchestrator = require('orchestrator');
function Gulp() {
Orchestrator.call(this);
}
util.inherits(Gulp, Orchestrator);
上面继承属性,下面继承原型。
总结
记录比较零散,如有机会,阅读《javascript高级程序设计》可以收获更多,暂且记录到这里。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。