Daniel X. Mooreを使用することを好み{SUPER: SYSTEM}
ます。これは、真のインスタンス変数、特性ベースの継承、クラス階層、構成オプションなどの利点を提供する分野です。以下の例は、真のインスタンス変数の使用法を示しています。これが最大の利点だと思います。インスタンス変数が不要で、パブリック変数またはプライベート変数のみで満足している場合は、おそらくより単純なシステムがあります。
function Person(I) {
I = I || {};
Object.reverseMerge(I, {
name: "McLovin",
age: 25,
homeState: "Hawaii"
});
return {
introduce: function() {
return "Hi I'm " + I.name + " and I'm " + I.age;
}
};
}
var fogel = Person({
age: "old enough"
});
fogel.introduce(); // "Hi I'm McLovin and I'm old enough"
うわー、それだけではあまり役に立ちませんが、サブクラスの追加を見てみましょう。
function Ninja(I) {
I = I || {};
Object.reverseMerge(I, {
belt: "black"
});
// Ninja is a subclass of person
return Object.extend(Person(I), {
greetChallenger: function() {
return "In all my " + I.age + " years as a ninja, I've never met a challenger as worthy as you...";
}
});
}
var resig = Ninja({name: "John Resig"});
resig.introduce(); // "Hi I'm John Resig and I'm 25"
別の利点は、モジュールと特性ベースの継承を持つ機能です。
// The Bindable module
function Bindable() {
var eventCallbacks = {};
return {
bind: function(event, callback) {
eventCallbacks[event] = eventCallbacks[event] || [];
eventCallbacks[event].push(callback);
},
trigger: function(event) {
var callbacks = eventCallbacks[event];
if(callbacks && callbacks.length) {
var self = this;
callbacks.forEach(function(callback) {
callback(self);
});
}
},
};
}
personクラスの例には、バインド可能なモジュールが含まれます。
function Person(I) {
I = I || {};
Object.reverseMerge(I, {
name: "McLovin",
age: 25,
homeState: "Hawaii"
});
var self = {
introduce: function() {
return "Hi I'm " + I.name + " and I'm " + I.age;
}
};
// Including the Bindable module
Object.extend(self, Bindable());
return self;
}
var person = Person();
person.bind("eat", function() {
alert(person.introduce() + " and I'm eating!");
});
person.trigger("eat"); // Blasts the alert!
開示:私はダニエルX.ムーアで、これが私の{SUPER: SYSTEM}
です。これは、JavaScriptでクラスを定義する最良の方法です。