JavaScript ile birden fazla soldan atama

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

Bu şuna eşdeğerdir:

var var1 = var2 = var3 = 1;

Bu değişkenlerin tanımlandığı sıra oldukça eminim: var3, var2, var1, buna eşdeğer olacaktır:

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

Bunu JavaScript'te onaylamanın herhangi bir yolu var mı? Muhtemelen biraz profiler mi kullanıyorsunuz?

Aslında,

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

olduğu değil eşdeğerdir:

var var1 = var2 = var3 = 1;

Fark kapsamda:

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!

Aslında bu, görevin doğru ilişkilendirici olduğunu gösterir. badÖrnek eşdeğerdir:

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

Javascript'te atama sağdan sola doğru çalışır. var var1 = var2 = var3 = 1;.

Bu değişkenlerin herhangi birinin değeri ise 1bu ifadeye sonra, daha sonra mantıksal o sağdan aksi değer veya başlamış olmalı var1ve var2tanımsız olacaktır.

var var1 = (var2 = (var3 = 1));İlk önce en iç parantez kümesinin değerlendirildiği yerle eşdeğer olduğunu düşünebilirsiniz .

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

Bu durumda, varanahtar kelime üç değişkenin tümüne uygulanabilir.

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

buna eşdeğer değildir:

var var1 = var2 = var3 = 1;

Bu durumda ekranların arkasındaki varanahtar kelime yalnızca var1değişken kaldırma nedeniyle uygulanabilir ve ifadenin geri kalanı normal olarak değerlendirilir, böylece değişkenler globalvar2, var3 hale gelir

Javascript bu kodu şu sırayla ele alır:

/*
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)mantıklıdır (a ? b : a)ve çarpma gibi davranır (ör. !!a * !!b)

(a || b)mantıklıdır (a ? a : b)ve toplama gibi davranır (ör. !!a + !!b)

(a = 0, b)adoğruysa umursamaz olmamak, dolaylı olarak geri dönmekb

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 Operatör Önceliği (İşlem Sırası)

Virgül işlecinin aslında en az ayrıcalıklı işleç olduğunu, ancak parantezin en ayrıcalıklı olduğunu ve tek satırlık ifadeler oluştururken el ele gittiğini unutmayın.

Sonunda, sabit kodlanmış değerlerden ziyade 'thunk'lara ihtiyacınız olabilir ve bana göre bir thunk hem fonksiyon hem de sonuç değeridir (aynı' şey ').

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

windowInnerHeight(); // a thunk

Bunu dene:

var var1=42;
var var2;

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

İlk uyarıdaki tek '=' işaretini not edin. Bu, atama ifadesinin sonucunun atanan değer olduğunu ve 2. uyarıda atamanın gerçekleştiğini gösterir.

Mantıksal olarak, atamanın sağdan sola zincirlenmiş olması gerekir. Bununla birlikte, bunların hepsi javascript için atomik olduğu için (diş çekme yoktur) belirli bir motor onu biraz farklı bir şekilde optimize etmeyi seçebilir.

Şimdiye kadar aynı olmadıkları açıktır. Kodlamanın yolu

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

Öyleyse izin vermeye ne dersin? Var ile tam olarak aynı, blok kapsamı nedeniyle tahsisin sizi karıştırmasına izin vermeyin.

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

Aşağıdakileri yapabiliriz:

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

Not: btw, aynı satırda birden fazla bildirim bile değil, birden fazla atama kullanmanızı önermiyorum.

coffee-script bunu aplomb ile başarabilir ..

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

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