JavaScriptを深く理解するシリーズ(29)：デザインパターンのデコレータパターンを詳しく解説_JavaScriptスキル

関数メモリ(MacBook) {
This.cost = function () {
return macbook.cost() 75;
};
}

関数 BlurayDrive(MacBook) {
This.cost = function () {
return macbook.cost() 300;
};
}

機能 保険(MacBook) {
This.cost = function () {
return macbook.cost() 250;
};
}

// 使用法
var myMacbook = 新しい保険(新しい BlurayDrive(新しいメモリ(新しい Macbook())));
console.log(myMacbook.cost());

関数 AbstractDecorator(装飾) {
This.performTask = function () {
decorated.performTask();
};
}

関数 ConcreteDecoratorClass(装飾) {
This.base = AbstractDecorator;
This.base(装飾);

装飾.preTask = function () {
console.log('事前呼び出し..');
};

装飾.postTask = function () {
console.log('呼び出し後..');
};

}

varconcrete = new ConcreteClass();
vardecorator1 = new ConcreteDecoratorClass(concrete);
vardecorator2 = new ConcreteDecoratorClass(decorator1);
デコレータ2.performTask();

tree.getDecorator = function (deco) {
Tree[deco].prototype = this;
新しいツリー[デコ]を返します;
};

tree.RedBalls = function () {
This.decorate = function () {
This.RedBalls.prototype.decorate(); // ステップ 7: まず、プロトタイプのデコレート メソッドを実行します (これは Angel)
console.log('赤いボールを履いてください'); // ステップ 8 次に red を出力します
// この 2 つのステップを RedBalls のデコレートメソッドとして使用します
}
};

tree.BlueBalls = function () {
This.decorate = function () {
This.BlueBalls.prototype.decorate(); // ステップ 1: まず、プロトタイプのデコレート メソッド、つまり、tree.decorate()
を実行します。 console.log('青色のボールを追加'); // ステップ 2 次に、青色を出力します
// この 2 つのステップを BlueBalls のデコレート メソッドとして使用します
}
};

tree.Angel = function () {
This.decorate = function () {
This.Angel.prototype.decorate(); // ステップ 4: まず、プロトタイプのデコレート メソッドを実行します (これは BlueBalls)
console.log('上の天使') // ステップ 5 次に、angel
を出力します。 // この 2 つのステップを Angel のデコレートメソッドとして使用します
}
};

tree =tree.getDecorator('BlueBalls'); // ステップ 3: BlueBalls オブジェクトをツリーに割り当てます。この時点では、親プロトタイプの getDecorator はまだ利用可能です。 tree =tree.getDecorator('Angel'); // ステップ 6: Angel オブジェクトをツリーに割り当てます。この時点では、親プロトタイプの getDecorator はまだ利用可能です。 tree =tree.getDecorator('RedBalls'); // ステップ 9: RedBalls オブジェクトをtree
に割り当てます。
tree.decorate(); // ステップ 10: RedBalls オブジェクトのデコレート メソッドを実行します