Wiele przypisań po lewej stronie za pomocą JavaScript

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

Jest to równoważne z tym:

var var1 = var2 = var3 = 1;

Jestem całkiem pewien, że jest to kolejność definiowania zmiennych: var3, var2, var1, co byłoby równoważne z tym:

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

Czy jest jakiś sposób na potwierdzenie tego w JavaScript? Używasz jakiegoś profilera?

Tak właściwie,

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

nie jest równoważne z:

var var1 = var2 = var3 = 1;

Różnica polega na określaniu zakresu:

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!

W rzeczywistości pokazuje to, że przypisanie jest właściwe asocjacyjne. badPrzykład odpowiada:

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

Przypisanie w javascript działa od prawej do lewej. var var1 = var2 = var3 = 1;.

Jeśli wartość którejkolwiek z tych zmiennych jest następująca 1po tej instrukcji, logicznie rzecz biorąc, musiała zacząć od prawej strony, w przeciwnym razie wartość lub var1i var2byłaby niezdefiniowana.

Można go uznać za równoważny z var var1 = (var2 = (var3 = 1));miejscem, w którym najpierw oceniany jest wewnętrzny zestaw nawiasów.

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

W tym przypadku varsłowo kluczowe dotyczy wszystkich trzech zmiennych.

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

co nie jest równoważne z tym:

var var1 = var2 = var3 = 1;

W tym przypadku varsłowo kluczowe za ekranami ma zastosowanie tylko w przypadku var1podnoszenia zmiennej, a reszta wyrażenia jest oceniana normalnie, więc zmienne var2, var3stają się globalne

JavaScript traktuje ten kod w następującej kolejności:

/*
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)jest logicznie (a ? b : a)i zachowuje się jak mnożenie (np. !!a * !!b)

(a || b)jest logiczne (a ? a : b)i zachowuje się jak dodawanie (np. !!a + !!b)

(a = 0, b)jest skrótem od nie dbania o ato, czy jest prawdą, domyślnie powróć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

Pierwszeństwo operatorów JavaScript (kolejność operacji)

Zauważ, że operator przecinka jest w rzeczywistości najmniej uprzywilejowanym operatorem, ale nawiasy są najbardziej uprzywilejowane i idą w parze podczas konstruowania wyrażeń jednowierszowych.

W końcu możesz potrzebować „thunks” zamiast wartości zapisanych na stałe, a dla mnie thunk jest zarówno funkcją, jak i wartością wynikową (ta sama „rzecz”).

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

windowInnerHeight(); // a thunk

Spróbuj tego:

var var1=42;
var var2;

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

Zwróć uwagę na pojedynczy „=” w pierwszym alercie. To pokaże, że wynikiem wyrażenia przypisania jest przypisana wartość, a 2. alert pokaże, że przypisanie nastąpiło.

Logicznie wynika, że ​​przypisanie musi być powiązane łańcuchem od prawej do lewej. Ponieważ jednak wszystko to jest atomowe w javascript (nie ma wątków), konkretny silnik może faktycznie zoptymalizować go nieco inaczej.

Jest już jasne, że nie są takie same. To znaczy sposób na kodowanie

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

A co powiesz na cesję? Dokładnie to samo, co var, nie pozwól, aby przypisanie let myliło cię z powodu zasięgu bloku.

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

Możemy wykonać następujące czynności:

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

Uwaga: btw, nie polecam używania wielu przypisań, nawet wielu deklaracji w tym samym wierszu.

coffee-script można to osiągnąć za pomocą aplomb ..

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

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