Affectation multiple à gauche avec JavaScript

Question

var var1 = 1,
    var2 = 1,
    var3 = 1;

C'est équivalent à ceci :

var var1 = var2 = var3 = 1;

Je suis presque certain que c'est l'ordre dans lequel les variables sont définies : var3, var2, var1, ce qui serait équivalent à ceci :

var var3 = 1, var2 = var3, var1 = var2;

Existe-t-il un moyen de le confirmer en JavaScript ? En utilisant éventuellement un profileur ?

Answer 1

En fait,

var var1 = 1, var2 = 1, var3 = 1;

est pas équivalent :

var var1 = var2 = var3 = 1;

La différence réside dans le cadrage :

function good() {
  var var1 = 1, var2 = 1, var3 = 1;
}

function bad() {
  var var1 = var2 = var3 = 1;
}

good();
alert(window.var2); // undefined

bad();
alert(window.var2); // 1. Aggh!

En fait, cela montre que les affectations sont associatives à droite. Le site bad est équivalent à l'exemple suivant :

var var1 = (window.var2 = (window.var3 = 1));

Answer 2

L'affectation en javascript fonctionne de droite à gauche. var var1 = var2 = var3 = 1; .

Si la valeur de l'une de ces variables est 1 après cette déclaration, alors logiquement il doit avoir commencé à partir de la droite, sinon la valeur ou var1 et var2 serait indéfinie.

Bien qu'il ne compile pas, vous pouvez le considérer comme l'équivalent de var (var1 = (var2 = (var3 = 1))); où la série de parenthèses la plus intérieure est évaluée en premier.

Answer 3

var var1 = 1, var2 = 1, var3 = 1 ;

Dans ce cas var Le mot-clé est applicable aux trois variables.

var var1 = 1,
    var2 = 1,
    var3 = 1;

ce qui n'est pas équivalent à ceci :

var var1 = var2 = var3 = 1 ;

Dans ce cas, derrière les écrans var Le mot-clé est uniquement applicable à var1 à cause de la remontée de variable et le reste de l'expression est évalué normalement donc les variables var2, var3 deviennent globaux

Javascript traite ce code dans cet ordre :

/*
var1 is local to the particular scope because of var keyword
var2 and var3 will become globals because they are used without var keyword
*/

var var1;   //only variable declarations will be hoisted.

var1 = var2 = var3 = 1;

Answer 4

a = (b = 'string is truthy'); // b gets string; a gets b, which is a primitive (copy)
a = (b = { c: 'yes' }); // they point to the same object; a === b (not a copy)

---

(a && b) est logiquement (a ? b : a) et se comporte comme une multiplication (ex. !!a * !!b )

(a || b) est logiquement (a ? a : b) et se comporte comme une addition (ex. !!a + !!b )

(a = 0, b) c'est l'abréviation de ne pas se soucier si a est vrai, retourner implicitement b

---

a = (b = 0) && "nope, but a is 0 and b is 0"; // b is falsey + order of operations
a = (b = "b is this string") && "a gets this string"; // b is truthy + order of ops

Prédominance des opérateurs JavaScript (ordre des opérations)

Notez que l'opérateur virgule est en fait l'opérateur le moins privilégié, mais que les parenthèses sont les plus privilégiées, et qu'elles vont de pair lors de la construction d'expressions d'une ligne.

---

Au bout du compte, vous aurez peut-être besoin de "thunks" plutôt que de valeurs codées en dur. Pour moi, un thunk est à la fois la fonction et la valeur résultante (la même "chose").

const windowInnerHeight = () => 0.8 * window.innerHeight; // a thunk

windowInnerHeight(); // a thunk

Answer 5

Essayez ça :

var var1=42;
var var2;

alert(var2 = var1); //show result of assignment expression is assigned value
alert(var2); // show assignment did occur.

Notez le simple '=' dans la première alerte. Cela montre que le résultat d'une expression d'affectation est la valeur affectée, et la deuxième alerte vous montre que l'affectation a bien eu lieu.

Il s'ensuit logiquement que l'affectation doit s'être enchaînée de droite à gauche. Cependant, puisque tout ceci est atomique au javascript (il n'y a pas de threading), un moteur particulier peut choisir de l'optimiser un peu différemment.