Beberapa tugas kiri dengan JavaScript

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

Ini sama dengan ini:

var var1 = var2 = var3 = 1;

Saya cukup yakin ini adalah urutan variabel didefinisikan: var3, var2, var1, yang akan setara dengan ini:

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

Apakah ada cara untuk mengonfirmasi ini dalam JavaScript? Mungkin menggunakan beberapa profiler?

Sebenarnya,

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

adalah tidak setara dengan:

var var1 = var2 = var3 = 1;

Perbedaannya adalah dalam pelingkupan:

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!

Sebenarnya ini menunjukkan bahwa penugasan itu asosiatif yang benar. The badcontoh adalah setara dengan:

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

Penugasan dalam javascript berfungsi dari kanan ke kiri. var var1 = var2 = var3 = 1;.

Jika nilai dari salah satu variabel ini adalah 1setelah pernyataan ini, maka secara logis itu harus dimulai dari kanan, jika tidak nilai atau var1dan var2tidak akan ditentukan.

Anda dapat menganggapnya setara dengan di var var1 = (var2 = (var3 = 1));mana set kurung paling dalam dievaluasi terlebih dahulu.

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

Dalam hal ini varkata kunci berlaku untuk ketiga variabel.

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

yang tidak setara dengan ini:

var var1 = var2 = var3 = 1;

Dalam hal ini varkata kunci di balik layar hanya berlaku var1karena pengangkatan variabel dan sisa ekspresi dievaluasi secara normal sehingga variabel var2, var3menjadi global

Javascript memperlakukan kode ini dalam urutan ini:

/*
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)secara logis (a ? b : a)dan berperilaku seperti multiplikasi (mis. !!a * !!b)

(a || b)secara logis (a ? a : b)dan berperilaku seperti penambahan (mis. !!a + !!b)

(a = 0, b)kependekan dari tidak peduli jika aitu benar, secara implisit kembalib

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

Precedence Operator JavaScript (Urutan Operasi)

Perhatikan bahwa operator koma sebenarnya adalah operator yang paling tidak diistimewakan, tetapi tanda kurung adalah yang paling istimewa, dan mereka berjalan seiring ketika membangun ekspresi satu baris.

Pada akhirnya, Anda mungkin memerlukan 'thunks' daripada nilai-nilai yang dikodekan dengan keras, dan bagi saya, thunk adalah fungsi dan nilai yang dihasilkan ('hal' yang sama).

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

windowInnerHeight(); // a thunk

Coba ini:

var var1=42;
var var2;

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

Catat single '=' pada peringatan pertama. Ini akan menunjukkan bahwa hasil dari ekspresi penugasan adalah nilai yang diberikan, dan peringatan 2 akan menunjukkan kepada Anda bahwa penugasan memang terjadi.

Secara logis, tugas itu harus dirantai dari kanan ke kiri. Namun, karena ini semua atom ke javascript (tidak ada threading) mesin tertentu dapat memilih untuk benar-benar mengoptimalkannya sedikit berbeda.

Sudah jelas sekarang, bahwa mereka tidak sama. Cara untuk kode itu

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

Dan, bagaimana dengan biayanya? Persis sama dengan var, jangan biarkan assigment let membingungkan Anda karena ruang lingkup blok.

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

Kita bisa melakukan hal berikut:

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

Catatan: btw, saya tidak merekomendasikan menggunakan banyak tugas, bahkan beberapa deklarasi di baris yang sama.

coffee-script dapat mencapai ini dengan penuh percaya diri ..

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

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