Assegnazione multipla a sinistra con JavaScript

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

Questo equivale a questo:

var var1 = var2 = var3 = 1;

Sono abbastanza sicuro che questo sia l'ordine in cui sono definite le variabili: var3, var2, var1, che sarebbe equivalente a questo:

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

C'è un modo per confermare questo in JavaScript? Stai usando qualche profiler forse?

In realtà,

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

non è equivalente a:

var var1 = var2 = var3 = 1;

La differenza sta nel scoping:

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

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

good();
console.log(window.var2); // undefined

bad();
console.log(window.var2); // 1. Aggh!

In realtà questo dimostra che i compiti sono associativi giusti. L' badesempio è equivalente a:

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

L'assegnazione in JavaScript funziona da destra a sinistra. var var1 = var2 = var3 = 1;.

Se il valore di una di queste variabili è 1dopo questa affermazione, logicamente deve essere iniziato da destra, altrimenti il ​​valore o var1e var2sarebbe indefinito.

Puoi considerarlo equivalente a var var1 = (var2 = (var3 = 1));dove viene valutata per prima la serie di parentesi più interna.

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

In questo caso la varparola chiave è applicabile a tutte e tre le variabili.

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

che non è equivalente a questo:

var var1 = var2 = var3 = 1;

In questo caso dietro le schermate la varparola chiave è applicabile solo a var1causa di un sollevamento variabile e il resto dell'espressione viene valutato normalmente in modo che le variabili var2, var3diventino globali

Javascript tratta questo codice in questo ordine:

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

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

var1= var2= var3 = 1; 

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)è logicamente (a ? b : a)e si comporta come una moltiplicazione (ad es. !!a * !!b)

(a || b)è logicamente (a ? a : b)e si comporta come aggiunta (ad es. !!a + !!b)

(a = 0, b)è l'abbreviazione di non preoccuparsi se aè la verità, implicitamente ritornob

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

Precedenza operatore JavaScript (ordine delle operazioni)

Si noti che l'operatore virgola è in realtà l'operatore meno privilegiato, ma le parentesi sono le più privilegiate e vanno di pari passo quando si costruiscono espressioni di una riga.

Alla fine, potresti aver bisogno di 'thunk' piuttosto che di valori hardcoded, e per me un thunk è sia la funzione che il valore risultante (la stessa 'cosa').

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

windowInnerHeight(); // a thunk

Prova questo:

var var1=42;
var var2;

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

Nota il singolo '=' nel primo avviso. Questo mostrerà che il risultato di un'espressione di assegnazione è il valore assegnato e il secondo avviso ti mostrerà che si è verificata l'assegnazione.

Ne consegue logicamente che l'incarico deve essere incatenato da destra a sinistra. Tuttavia, poiché questo è tutto atomico per il javascript (non c'è threading) un determinato motore può scegliere di ottimizzarlo in modo leggermente diverso.

Ormai è chiaro che non sono gli stessi. Il modo di codificare è

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

E che dire di lasciare assigment? Esattamente come var, non lasciare che l'assegnazione lasciati confondere a causa dell'ambito del blocco.

let var1 = var2 = 1 // here var2 belong to the global scope

Potremmo fare quanto segue:

let v1, v2, v3
v1 = v2 = v3 = 2

Nota: a proposito, non consiglio di utilizzare più assegnazioni, nemmeno più dichiarazioni nella stessa riga.

coffee-script posso farlo con aplomb ..

for x in [ 'a', 'b', 'c' ] then "#{x}" : true

[ { a: true }, { b: true }, { c: true } ]