你不知道的 JavaScript 系列上( 57 ) － 类和委托思维模型的区别

我们已经明白了 “类” 和 “委托” 这两种设计模式的理论区别，我们再看看它们思维模型方面的区别

典型的原型面向对象风格

function Foo(who) {
　　this.me = who;
}
Foo.prototype.identify = function () {
　　return "I am " + this.me;
}

function Bar(who) {
　　Foo.call(this, who);
}
Bar.prototype = Object.create(Foo.prototype);

Bar.prototype.speak = function() {
　　console.log('Hello,' + this.identify() + '.');
}
var b1 = new Bar('b1');
var b2 = new Bar('b2');

b1.speak(); // Hello,I am b1.
b2.speak(); // Hello,I am b2.

子类 Bar 继承了父类 Foo，然后生成了 b1 和 b2 两个实例。b1 委托了 Bar.prototype，后者委托了 Foo.prototype。

对象关联风格编写功能完全相同的代码

Foo = {
　　init: function (who) {
　　　　this.me = who;
　　},
　　indentify: function () {
　　　　return "I am " + this.me;
　　}
};
Bar = Object.create(Foo);
　　Bar.speak = function () {
　　　　console.log('Hello,' + this.indentify() + '.');
　　}

var b1 = Object.create(Bar);
b1.init('b1')
var b2 = Object.create(Bar);
b2.init('b2');

b1.speak(); // Hello,I am b1.
b2.speak(); // Hello,I am b2.

这段代码同样利用了 [[Prototype]] 把 b1 委托给 Bar 并把 Bar 委托给 Foo，仍然实现了三个对象之间的关联。但是非常重要的一点是，这段代码简洁多了，并不需要那些既复杂又令人困惑的模仿类的行为（构造函数，原型以及 new ）

类风格代码的思维模型强调实体以及实体间的关系。对象关联风格的代码只关注对象之间的关联