Javascript Girl
  1. Javascript Girl
  3. Inconséquence de référence argumentaire dans javascript
Intereting Posts
Différence entre deux ensembles d'objets en JavaScript Afficher les données dans une zone de texte lorsque la case à cocher est cochée Comment faire de l'arrière-plan modifier progressivement les couleurs? Exécuter la fonction lorsque certaines diapositives apparaissent dans revel.js Comment télécharger un fichier sans utiliser l'élément <a> avec l'attribut de téléchargement ou un serveur? Comportement étrange de Javascript: ajout de point flottant donnant la mauvaise réponse AngularJS: appelez l'événement ng-submit en dehors du formulaire Utilisation d'une échelle ordinaire («d3.scale.ordinal») pour l'axe des x dans un diagramme à barres Obtenir le code source d'un iframe $ .each () ajoute une valeur "indéfinie" Comment nommer une fonction anonyme en JavaScript fait-elle une différence? JQuery: passe la variable de chaîne à l'objet date Async.js et série Comment créer une table de l'arbre en effondrement dans html / css / js? Alert Box dans IE Tester

Inconséquence de référence argumentaire dans javascript

J'ai récemment rencontré un problème méchant dans JS.

Disons que nous passons une carte, un ensemble d'objets à une fonction f. 

var o=[{a:0}]; function f(a){ for(var i in a){ if (a.hasOwnProperty(i)){ a[i]=null; } } return a; }; var outp=f(o); alert(outp[0]+" === "+o[0]+" : "+(outp[0]===o[0])); // here we expect loose equality, and equality in type, //furthermore it should identically equal as well, and we got right!

Mais, nous ne pouvons pas passer la responsabilité totale d'un objet à une fonction comme argument, comme dans le paradigme fonctionnel o=(function(o){return o})() , car tout type de modification à o n'est pas référencé! 

 var o=[]; function ff(a){ return (a=undefined); }; var outp=ff(o); alert(outp+" === "+o.constructor+" : "+(outp===o)); // here we expect true, but we got false!

Pourquoi la perte de référence décrite ci-dessus et la manipulation de références présumément différentes dans le deuxième cas d'utilisation, bien que dans les deux cas, les fonctions ont-elles obtenu l'argument de tableau dans la position 0.?

Javascript passe toujours des arguments par valeur, donc cela ne fonctionnera pas: 

  function foo(x) { x = 100; } y = 5 foo(y) y == 100 // nope

Cependant, cela fonctionne: 

  function foo(x) { x.bar = 100; } y = {} foo(y) y.bar == 100 // yes

Dans le deuxième extrait x est encore transmis par valeur, mais cette valeur est une référence (pointeur) sur un objet. Il est donc possible dans une fonction de le décréter et d'accéder à ce qui est "à l'intérieur" de l'objet.