Affectation de pointeur de fonction en Javascript

Question

Considérez ce code javascript :

var bar = function () { alert("A"); }
var foo = bar;
bar = function () { alert("B"); };
foo();

Lors de l'exécution de ce code, j'obtiens "A". Ce comportement fait-il partie de la spécification de javascript et est-ce que je peux m'y fier ?

Answer 1

Dans d'autres exemples, rien n'a été passé par valeur; tout a été passé par référence.

bar et foo sont TOUS DEUX des pointeurs

Toutes les variables/références vers des objets NON primitifs en javascript sont des pointeurs; les pointeurs sont natifs à javascript, ils sont par défaut.

var bar = function () { alert("A"); } //bar est un pointeur vers function1
var foo = bar;  //pointeur copié; foo est maintenant aussi un pointeur vers function1
bar = function () { alert("B"); };  //bar pointe vers function2
foo();  //foo est toujours un pointeur vers function1

Vous rencontrerez des erreurs et des bugs cachés si vous pensez qu'il s'agit de copies. Surtout si vous travaillez avec des objets complexes. Par exemple

function person(name){this.name = name}
var john = new person("john")
var backup = john
backup.name //john
john.name = "jack"
backup.name //jack, PAS john

Pour COPIER réellement un non primitif en javascript nécessite plus de travail que simplement a = b. Par exemple:

function person(name){  this.name = name}
var john = new person("john")
var backup = new Object()
backup = JSON.parse(JSON.stringify(john))
backup.__proto__ = john.__proto__   //utile dans certains cas
john.name = "jack"
backup.name //john

Answer 2

Oui, c'est attendu et fait exprès.

Votre question est en fait : est-ce que foo fait référence à bar comme le ferait une pointeur ou une référence dans un autre langage ?

La réponse est non : la valeur de bar au moment de l'assignation est assignée à foo.

Answer 3

Je suis un peu en retard ici mais j'ai pensé donner quand même une réponse et élaborer quelque chose.

Il vaut mieux ne pas penser en termes de pointeurs et de références mémoire lorsqu'on discute des détails internes de JavaScript (ou ECMAScript) en traitant avec les spécifications. Les variables sont des enregistrements d'environnement internes et sont stockées et référencées par nom, pas par adresse mémoire. Ce que fait votre instruction d'assignation, internement et par conception, c'est rechercher le nom de l'enregistrement d'environnement (soit "foo" soit "bar") et assigner la valeur à cet enregistrement.

Ainsi,

var bar = function () { alert("A"); }

assigne à l'enregistrement d'environnement "bar" la valeur (fonction anonyme).

var foo = bar;

appelle internement GetValue("bar") qui récupère la valeur associée à l'enregistrement "bar" et associe ensuite cette valeur à l'enregistrement "foo". Ainsi, après cela, la valeur d'origine de bar peut toujours être utilisée car elle est maintenant associée à foo.

Parce que JavaScript fait référence par chaîne et non par adresse mémoire, c'est précisément pourquoi vous pouvez faire des choses comme ceci :

someObject["someProperty"]

qui recherche la valeur en fonction du nom de la propriété.

Answer 4

Oui, il n'y a rien de spécial dans le fait que les variables font référence à des fonctions, il n'y a pas d'aliasing impliqué.

var bar = 1;
var foo = bar;
bar = "quelque chose de totalement différent";
// foo est toujours 1

Answer 5

Oui, c'est le comportement correct.

//créer une variable bar et lui assigner une fonction
var bar = function () { alert("A"); }
//assigner la valeur de bar à la nouvelle variable foo
var foo = bar;
//assigner une nouvelle fonction à la variable bar
//puisque foo et bar ne sont pas des pointeurs, la valeur de foo ne change pas
bar = function () { alert("B"); };
//appeler la fonction stockée dans foo
foo();