Многократное левостороннее назначение с JavaScript

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

Это эквивалентно этому:

var var1 = var2 = var3 = 1;

Я вполне уверен, что это порядок, в котором определены переменные: var3, var2, var1, что будет эквивалентно следующему:

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

Есть ли способ подтвердить это в JavaScript? Возможно, вы используете какой-нибудь профилировщик?

Фактически,

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

это не эквивалентно:

var var1 = var2 = var3 = 1;

Разница в определении объема:

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!

На самом деле это показывает, что назначение правильно ассоциативно. badПример эквивалентен:

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

Назначение в JavaScript работает справа налево. var var1 = var2 = var3 = 1;,

Если значение любого из этих переменных 1после этого заявления, то логически должны начать с правой стороны , в противном случае значения или var1и var2будет неопределенное.

Вы можете думать об этом как эквивалент var var1 = (var2 = (var3 = 1)); где сначала оценивается самый внутренний набор скобок.

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

В этом случае varключевое слово применимо ко всем трем переменным.

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

что не эквивалентно этому:

var var1 = var2 = var3 = 1;

В этом случае varключевое слово « позади экрана» применимо только к тому, что происходит var1из-за подъема переменных, а остальная часть выражения оценивается нормально, поэтому переменные var2, var3становятся глобальными.

Javascript обрабатывает этот код в следующем порядке:

/*
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)логически (a ? b : a)и ведет себя как умножение (например. !!a * !!b)

(a || b)логично (a ? a : b)и ведет себя как сложение (например. !!a + !!b)

(a = 0, b)это сокращение от "не заботиться", если aэто правда, неявно вернуть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

Приоритет оператора JavaScript (порядок операций)

Обратите внимание, что оператор запятой на самом деле является оператором с наименьшими привилегиями, но круглые скобки являются самыми привилегированными, и они идут рука об руку при построении однострочных выражений.

В конце концов, вам могут понадобиться «thunks», а не жестко закодированные значения, и для меня thunk - это и функция, и результирующее значение (одно и то же «вещь»).

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

windowInnerHeight(); // a thunk

Попробуй это:

var var1=42;
var var2;

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

Обратите внимание на единственное «=» в первом предупреждении. Это покажет, что результатом выражения присваивания является присвоенное значение, а во 2-м предупреждении будет показано, что назначение произошло.

Логично следует, что назначение должно быть связано справа налево. Однако, поскольку это все атомарно для javascript (нет многопоточности), конкретный движок может по-настоящему оптимизировать его немного по-другому.

К настоящему времени ясно, что они не одинаковы. Способ кодирования это

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

А как насчет пусть назначения? Точно так же, как var, не позволяйте заданию let сбить вас с толку из-за объема блока.

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

Мы могли бы сделать следующее:

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

Примечание: кстати, я не рекомендую использовать несколько назначений, даже не несколько объявлений в одной строке.

coffee-script может сделать это с апломбом ..

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

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