面向委托的設(shè)計(jì)模式
看了很久的You don't know Javascript挠羔，今天就來(lái)寫(xiě)一寫(xiě)對(duì)于OLOO（對(duì)象關(guān)聯(lián)）編程模式的小總結(jié)炒瘟，雖然這本書(shū)吃的不是很透委造，但是還是試著寫(xiě)一寫(xiě)虎谢，分享一下氏涩。
相信大家對(duì)于面向?qū)ο缶幊陶Z(yǔ)言中的類(lèi)都不陌生蚁鳖，子類(lèi)會(huì)復(fù)制父類(lèi)的所有屬性磺芭，而對(duì)于JS呢，她并不會(huì)去復(fù)制醉箕，而是利用了委托（即[[prototype]]鏈）钾腺。
模仿“類(lèi)”的JS
Javascript中有一種奇怪的行為一直在被無(wú)恥的濫用，那就是模仿類(lèi)讥裤。
比如如下代碼：
function Foo(name) {
this.name = name;
}
Foo.prototype.myName = function () {
return this.name;
}
var a = new Foo('a');
var b = new Foo('b');
a.myName(); // a
b.myName(); // b
以上代碼用到了this和prototype放棒，相信大家都很熟悉，但是我們的Foo函數(shù)里并沒(méi)有myName方法己英，此時(shí)就用到了[[prototype]]鏈间螟，如果myName在a或者b中找不到，就會(huì)通過(guò)委托在Foo.prototype上進(jìn)行查找损肛。
下面這段代碼使用的就是典型的“原型風(fēng)格”：
function Foo(name) {
this.name = name;
}
Foo.prototype.myName = function () {
return this.name;
}
function Bar(name, label) {
Foo.call(this, name);
this.label = label;
}
// 將Bar.prototype關(guān)聯(lián)到Foo.prototype上
Bar.prototype = Object.create(Foo.prototype);
// 提示一下厢破，如果此時(shí)要使用到Bar.constructor
// 就應(yīng)該手動(dòng)重置一下此屬性，使其指到Bar上治拿。
Bar.prototype.myLabel = function () {
return this.label;
}
var a = new Bar('a', 'obj a');
a.myName(); // a
a.myLabel(); // obj a
委托關(guān)聯(lián)
大家可以看到摩泪，強(qiáng)行模仿類(lèi)的JS，看著很晦澀難懂劫谅。接下就簡(jiǎn)單介紹一下委托關(guān)聯(lián)OLOO（Objects Linking to Others Objects）见坑。
委托關(guān)聯(lián)沒(méi)有用到構(gòu)造函數(shù)嚷掠，直接通過(guò)Object.create方法，構(gòu)建對(duì)象之間的關(guān)系鳄梅。
直接上代碼可能會(huì)更容易理解叠国，我們就直接改寫(xiě)了上邊那個(gè)Foo和Bar的例子，代碼如下：
var Foo = {
initFoo: function (name) {
this.name = name;
},
myName: function () {
return this.name;
}
};
// 創(chuàng)建Bar戴尸，并委托Foo的屬性
var Bar = Object.create(Foo);
Bar.initBar = function (name, label) {
this.initFoo(name);
this.label = label;
};
Bar.myLabel = function () {
return this.label;
};
var a = Object.create(Bar);
a.initBar('a', 'obj a');
a.myName(); // a
a.myLabel(); // obj a
以上代碼就十分容易理解了吧，Bar委托了Foo的屬性冤狡，也沒(méi)有煩人的prototype干擾思維孙蒙。
以上就是對(duì)于委托關(guān)聯(lián)的簡(jiǎn)單介紹，請(qǐng)?jiān)彵救耸乔岸诵“妆ǎv的不妥或者不好的地方挎峦，歡迎大家指正以及交流。
