javascript 继承 - zhonghua | 钟华的博客

var util=require('util');

function A() {};
A.prototype.a = function() {console.log('a')};
function B() {A.call(this)}; //目的是让this去执行A方法, 这样this可以有A方法里定义的属性 (类似其他语言中调用super)
util.inherits(B, A);

var a = new A();
var b = new B();

或者

function A() {};
A.prototype.puts = function() {console.log('hello world');};
function B() {};
B.prototype = new A();

var a = new A();
var b = new B();

b.puts() //hello world

x instanceof y 可以理解为:

x[.__proto__]+ === y.prototype //[和]和+是正则表达式中的含义

因为b.__proto__ === B.prototype 所以 b instanceof B 为 true

因为b.__proto__.__proto__ === A.prototype 所以 b instanceof A 为 true

因为b.__proto__.__proto__.__proto__ === Object.prototype 所以 b instanceof Object 为 true

而b instanceof Function 为 false
__proto__
- 函数: 所有函数的__proto__ 指向Function.prototype
- 对象:
  
  手动实现的继承B.prototype = new A() 子类.__proto__ 指向父类.prototype
  
  除此之外的__proto__指向Object.prototype
原型链继承的本质是: 在对象上迭代__proto__ 直到找到需要的方法.

2016.10.27 补充:

重新整理一下, 然后发现javascript的继承链和ruby继承链有相似的关系

整理后的图支持Ruby中的方法查找方式: 向左一步, 向上查找
对象和类的关系

黑色 __proto__ 类似 ruby中.class

如果obj.__proto__ === klass.prototype 那么obj是klass的实例
类的继承关系

蓝色__proto__ 类似 ruby中.superclass

如果subklass.prototype.__proto__ === superklass.prototype 那么subklass是superklass的子类
prototype的作用有点类似ruby中的singletonclass, 都是存放实例方法/属性的地方
Javascript Function 类比 Ruby Class
Javascript Object 类比 Ruby Object

参考资料

2016-11-21 添加:

this 的值到底是什么

参考资料

FEATURED TAGS