デコレータパターンを次のように機能させようとしています
http://www.joezimjs.com/javascript/javascript-design-patterns-decorator/
いくつかの点を見逃したかもしれませんが、パターンは期待どおりに機能しません。
2つのデコレータを追加してクラスに追加すると、思ったように関数が渡されません。最後のデコレータの関数のみを呼び出すか、基本的なデコレータを呼び出すことができます。連鎖が壊れています。これを修正するにはどうすればよいですか?
私はフィドルを追加しました:
更新:修正されたバージョン
そしてソースコード:
// A basic device class
var device = function(options) {
this.brightness = options.brightness;
this.Id = options.Id;
this.motion = options.motion;
};
// Adding some functions to the class
device.prototype = {
getID: function() {
console.log("This ID:" + this.device.Id);
return this.Id;
},
getBrightness: function() {
console.log("This Brightness: " + this.brightness);
return this.brightness;
},
getMotion: function() {
console.log("This Motion: " + this.motion);
return this.motion;
}
};
// A device Decorator
var deviceDecorator = function(device) {
this.device = device;
};
// Adding pass through functions to the Decorator
deviceDecorator.prototype = {
getId: function() {
console.log("Old Id");
return this.device.getId;
},
getBrightness: function() {
console.log("Old Brightness");
return this.device.getBrightness;
},
getMotion: function() {
console.log("Old Motion");
return this.device.getMotion;
}
};
// A Decorator that adds some functionality to the getBrightness function
var brightnessDecorator = function(device) {
deviceDecorator.call(this, device);
};
brightnessDecorator.prototype = new deviceDecorator();
brightnessDecorator.prototype.getBrightness = function() {
this.device.getBrightness();
console.log("Changed Brightness");
};
var motionDecorator = function(device) {
deviceDecorator.call(this, device);
};
// A Decorator that adds some functionality to the getMotion function
motionDecorator.prototype = new deviceDecorator();
motionDecorator.prototype.getMotion = function() {
this.device.getMotion();
console.log("changed Motion");
};
// Some options for a device
var options = {
Id: "Identifier",
brightness: true,
motion: false
};
// Create a new device
var Lamp = new device(options);
// Add the decorators to the device
Lamp = new brightnessDecorator(Lamp);
Lamp = new motionDecorator(Lamp);
// Executing the functions
Lamp.getId();
Lamp.getMotion();
Lamp.getBrightness();
console.log(Lamp);?