hi,
i think this is a little exercise for real experts, but i suffer from
real headaches because of it... :-\
i have an object method (method1), that calls setTimeout with an other
method (method2) as parameter which calls further another method
(method3), but i do not know how to realize it.
it is important to use object context and not static members, because
method3 uses a member (more precisely a constructor parameter) that
should be private if possible.
-----------
1. try:
-----------
function Test(text) {
this.func1 = function() {
setTimeout(this.func2, 100);
};
this.func2 = function() {
alert(this.func3());
};
this.func3 = function() {
return text;
};
}
test = new Test('hello world!');
test.func1();
-----------
error : this.func3 is not a function. ok i understand, due to
setTimeout we loose the execution context. i tried several other ways
that i will post at the end, if you have any way to get this to work
without changing the signature of any method i would be very glad!!!
thanks,
- rainer
--------------------
2. try:
using a closure to return a reference to func2 for saving execution
context.
==> same result: "this.func3 is not a function"
--------------------
function Test(text) {
this.funcX = function() {
return this.func2;
};
this.func1 = function() {
setTimeout(this.funcX(), 100);
};
this.func2 = function() {
alert(this.func3());
};
this.func3 = function() {
return text;
};
}
test = new Test('hello world!');
test.func1();
---------------------
3. try:
using prototype, little difference : member text now needs to be
public, not so nice!
==> same result: "this.func3 is not a function"
---------------------
function Test(text) {
this.text = text;
}
Test.prototype.funcX = function() {
return this.func2;
};
Test.prototype.func1 = function() {
setTimeout(this.funcX(), 100);
};
Test.prototype.func2 = function() {
alert(this.func3());
};
Test.prototype.func3 = function() {
return this.text;
};
test = new Test('hello world!');
test.func1();
--------------------------------
4. try:
using real object closure
==> same result: "this.func3 is not a function"
--------------------------------
var Test = (function(){
function _class(text) {
this.funcX = function() {
return this.func2;
};
this.func1 = function() {
setTimeout(this.funcX(), 100);
};
this.func2 = function() {
alert(this.func3());
};
this.func3 = function() {
return text;
};
};
return _class;
})(); //simultaneously define and call (one-off)!
test = new Test('hello world');
test.func1();
