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 )
你不知道的 JavaScript 系列上( 57 ) - 类和委托思维模型的区别
原文:https://www.cnblogs.com/wzndkj/p/12765050.html