实现以下目标的最佳设计模式是什么(这是行不通的)?
var obj = (function() {
// code defining private variables and methods
var _obj = {
property: value,
method1: function() {
// do stuff
},
method2: function() {
// use property
var prop = _obj.property; // obviously doesn't work
// call method1
obj.method1(); // "obj" not finished being defined yet!
}
};
// obviously now I could do...
var prop = _obj.property;
return _obj;
})();
// and I could now do...
obj.method1();
我认为应该可行的变体是
var obj = (function() {
var property = value,
method1 = function() {
// do stuff
},
method2 = function() {
// use property
var prop = property;
// call method1
method1();
},
_obj = {
property: property,
method1: method1,
method2: method2
};
return _obj;
})();
同样,对于要使用 new
运算符创建的对象,它是如何工作的?在构造函数本身中,您可以编写 this.method()
。但是如果你想保持构造函数小,只定义那些可能在创建时定制的东西,然后在原型(prototype)中定义其余的东西怎么办? (这似乎是常见的模式。)原型(prototype)中的属性/方法可以以任何方式交互吗?
var MyObj = function(name) {
this.name = name;
};
var obj = new MyObj('Bob');
MyObj.prototype = {
called_often: function() {
// lots more code than just the following
return document.getElementById('someID').value;
},
global_default: 'value', // can be changed, so need to pull value when run
does_stuff: function(value) {
var str = global_default + value, // can't access global_default on its own
input = MyObj.called_often(), // doesn't work; MyObj.prototype.called_often() DOES
name = this.name; // 'this' used in the prototype doesn't work
// even within a created object
return name + input + str;
}
};
每当我遇到这个问题时,我确信有更好的方法可以实现我的结果。此代码不是特定情况,只是说明了一般问题。因此,您将无法为我遇到的那些特定情况提供替代方案。但也许你可以帮助我进行整体思考。
最佳答案
嗯,从你的第一个例子:
var _obj = {
property: value,
method1: function() {
// do stuff
},
method2: function() {
// use property
var prop = this.property;
// call method1
this.method1();
}
};
这就是 this
值的用途。
现在,您不能做的是从对象字面量语法的其他地方引用“正在构建”对象的属性。 (很难给出一个例子,因为它在语法上是不可能的。)如果你想这样做,你确实需要一个或多个单独的赋值语句。
关于Javascript:在该对象中调用对象方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10918228/