changer de this dans l'appel d'une fonction anonyme

Version imprimable

bonjour

Comment fait on pour modifier le this d'une fonction de callBack?

par exemple :

Code:

1
2
3
4
5
6
7
8
9
10
//méthode init de la classe maClasse
init : function(){
    //this => objet instancié de maClasse
    if(window.navigator.geolocation){
	    window.navigator.geolocation.getCurrentPosition(function(position){
                //this => PAS objet instancié de maClasse
                //comment faire pour que ce soit le cas
            });
    }
}

merci

15/03/2011, 14h41
SpaceFrog

this n'est pas modifiable

tu peux faire this=that
modifier that et retourner that

du coup tu est obligé de faire

Code:

objet=objet.mafontion()
15/03/2011, 15h01
kimcharlene

biensur qu'il est modifiable...
J'arrive à le faire via mootools avec la méthode bind

http://mootools.net/docs/core/Types/...#Function:bind

Mais je n'y arrive pas en "natif".
15/03/2011, 15h03
SpaceFrog

c'est du prototype this n'est pas modifiable dans une fonction anonyme !

Code:

1
2
3
4
5
6
7
8
9
10
11
12
String.prototype.bar=function(){
this= this.toUpperCase()
return this
}
alert("coucou".bar())
 
 
 
String.prototype.foo=function(){
return this.toUpperCase()
}
alert("coucou".foo())

Dès que ça parle de prototype je suis pommé :s

Quand je fais avec mootools j'ai bien mon this, comment faire sans mootools?

Code:

1
2
3
4
5
6
7
8
9
//méthode init de la classe maClasse
init : function(){
    //this => objet instancié de maClasse
    if(window.navigator.geolocation){
	    window.navigator.geolocation.getCurrentPosition(function(position){
                //this => objet instancié de maClasse
            }.bind(this));
    }
}

Citation:

Envoyé par kimcharlene

Dès que ça parle de prototype je suis pommé :s

Quand je fais avec mootools j'ai bien mon this, comment faire sans mootools?

Code:

1
2
3
4
5
6
7
8
9
//méthode init de la classe maClasse
init : function(){
    //this => objet instancié de maClasse
    if(window.navigator.geolocation){
	    window.navigator.geolocation.getCurrentPosition(function(position){
                //this => objet instancié de maClasse
            }.bind(this));
    }
}

Code:

1
2
3
4
var that = this;
window.navigator.geolocation.getCurrentPosition(function(position){
                //that => objet instancié de maClasse
            });

autrement tu rédéfinis bind toi-même :

Code:

1
2
3
4
5
 
Function.prototype.bind = function(obj){
  var fn = this;
  return function(){ fn.apply(obj,arguments);};
}

sinon le mélange des 2 :

Code:

1
2
3
4
5
6
7
 
var that = this;
window.navigator.geolocation.getCurrentPosition(function(pos){
                return (function(position){
                                //ton code ici avec le bon this;
                }).call(that,pos);
            });

edit: ayant codé la dernière fonction à l'aveugle, j'ai quand même été pris d'un doute et je me suis fait un petit test et "oh surprise, ça fonctionne nickel du premier coup", j'suis trop fier de moi. :mrgreen:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function callback(fn){
	fn();
}
 
function init(){
	this.instance = "instance de init";
	var that = this;
	callback(function(pos){
                return (function(position){
                                alert(this.instance);
                }).call(that,pos);
	});
}
 
new init();

edit2: window.navigator.geolocation.getCurrentPosition n'existe pas sous IE ;)

15/03/2011, 16h57
kimcharlene

j'ai opté pour la définition du bind par moi même, je trouve cette solution bcp plus élégante.

Je vous remercie pour cette aide précieuse, ça marche niquel maintenant :).