Apakah ada alasan untuk menggunakan kata kunci "var" di ES6?

Panduan Babel untuk ES6 mengatakan:

letadalah yang baru var.

Rupanya satu-satunya perbedaan adalah yang vardicakup untuk fungsi saat ini , sementara letdicakup untuk blok saat ini . Ada beberapa contoh bagus dalam jawaban ini .

Saya tidak dapat melihat alasan untuk menggunakan varkode ES6. Bahkan jika Anda ingin membuat lingkup variabel tertentu ke seluruh fungsi, Anda bisa melakukannya dengan letmeletakkan deklarasi di bagian atas blok fungsi, yang adalah apa yang harus Anda lakukan dengan varmenunjukkan lingkup sebenarnya. Dan jika Anda ingin lingkup sesuatu yang lebih halus di forblok atau sesuatu, maka Anda bisa melakukannya juga.

Jadi insting saya adalah berhenti menggunakan varsama sekali saat menulis kode ES6.

Pertanyaan saya adalah, apakah saya salah tentang ini? Apakah ada kasus yang sah di mana varlebih disukai daripada let?

Doug Crockford membahas letpada titik ini dalam ceramahnya, " The Better Parts ".

Intinya adalah, letmenghindari sumber kesalahpahaman, khususnya. untuk programmer dengan harapan yang ditentukan oleh bahasa dengan blok-lingkup A varmemiliki lingkup fungsi (ia menyatakan sebuah variabel yang terlihat di seluruh fungsi) meskipun sepertinya memiliki lingkup blok .

var mungkin masih berguna dalam kasus ekstrem seperti kode yang dihasilkan mesin, tapi saya berusaha keras di sana.

( constjuga baru dan memiliki ruang lingkup blok. Setelah let x = {'hi': 'SE'}Anda dapat menetapkan kembali x, sedangkan setelah const y = xAnda tidak dapat menetapkan ulang y. Itu sering lebih disukai karena itu membuat sesuatu dari sengaja berubah dari bawah Anda. Tetapi untuk menjadi jelas, Anda masih dapat memodifikasi objek y.hi = 'SO'kecuali Anda bekukan.)

Secara realistis, kesan Anda tepat untuk ES6: Adopsi letdan const. Berhenti menggunakan var.

(Dalam kinerja lain "The Better Parts" , Doug mengatakan mengapa ===ditambahkan daripada memperbaiki masalah== . ==Menghasilkan beberapa hasil yang "mengejutkan", jadi adopsi saja ===.)

Contoh Pengungkapan

Jaringan Pengembang Mozilla memberikan contoh di mana vartidak berfungsi sebagaimana dimaksud. Contoh mereka adalah realistis yang menetapkan onclickpenangan di halaman web. Berikut ini adalah test case yang lebih kecil:

var a = [];
(function () {
   'use strict';
   for (let i = 0; i < 5; ++i) { // *** `let` works as expected ***
     a.push( function() {return i;} );
   }
} ());
console.log(a.map( function(f) {return f();} ));
// prints [0, 1, 2, 3, 4]

// Start over, but change `let` to `var`.
// prints [5, 5, 5, 5, 5]

vargagal kami karena semua iterasi loop berbagi ivariabel fungsi-lingkup yang sama , yang memiliki nilai 5setelah loop selesai.

Jika Anda telah menulis kode yang benar, Anda mungkin dapat mengubah semua varpernyataan menjadi letpernyataan tanpa perubahan semantik.

letlebih disukai karena mengurangi ruang lingkup di mana pengenal terlihat. Hal ini memungkinkan kita untuk mendeklarasikan variabel dengan aman di situs penggunaan pertama.

constlebih disukai daripada let. Kecuali Anda perlu bermutasi referensi, gunakan constdeklarasi. Ini memiliki semua manfaat letseiring dengan mengurangi kehadiran variabel unitial dan membuat kode lebih mudah untuk dipikirkan. Jika Anda tidak yakin apakah Anda perlu bermutasi referensi, menyatakan itu constsampai Anda menemukan diri Anda secara eksplisit perlu melakukannya.

Saya tidak selalu berpikir Anda salah, tetapi ada peringatan untuk menggunakan var. Pada dasarnya, letharus membantu pengembang mengatasi kebodohan JavaScript, terutama dengan konflik penamaan. var, tampaknya, memiliki cakupan yang lebih besar karena ingin pergi ke lingkup fungsi penutup. Akan ada saat ketika Anda membutuhkan var, seperti ketika Anda membutuhkan variabel temp untuk tersedia dalam lingkup blok di dalam fungsi, jika tidak, lebih memilih letvar akan membantu pengembang dengan konflik penamaan. Pada nada yang lebih ringan, sudah saatnya ES6 diperkenalkan let.

Saya cenderung setuju bahwa hanya "biarkan" yang harus digunakan dalam es6. AFIK, mendeklarasikan ulang "let" menghasilkan kesalahan (yang bagus), sementara dengan "var", Anda cukup mengesampingkan nilainya (meskipun "mode ketat" di es5 juga mengurusnya).

letberarti "biarkan variabel sama". Ini adalah deklarasi, dengan kata lain, inisialisasi dan penugasan.

Itu ada berbeda dengan constyang tentu saja berarti "konstan" - yang merupakan kebalikan dari variabel.

Beberapa bahasa lain menggunakan awalan ke objek aktual alih-alih objek saat mendeklarasikannya (mis. defAdalah singkatan untuk "define function" - benar-benar kehilangan titik dari apa yang sedang "def".

Let menambahkan inkonsistensi semantik ini ke Javascript.

Secara logis, Anda dapat membiarkan konstanta sama dengan sesuatu juga, karena pekerjaan kata kunci "biarkan" adalah untuk menetapkan memori.

Masalah muncul karena varkata kunci yang diperkenalkan sebelum constdidukung, jadi kompatibilitas mundur menentukan itu vartidak berarti variabel. (Ini juga dapat digunakan untuk menetapkan nilai konstan.)

Oleh karena itu, pengenalan letdi posisi yang salah. Untuk memastikan bahwa kita mengingat bahwa secara leksikal, ini salah, mereka juga memutuskan untuk mengubah ruang lingkup leksikal letvs var, sehingga ketidakkonsistenan adalah yang terpenting dalam pikiran kita ketika melakukan debugging.

Dengan kata lain, letada karena orang (yang berarti pemelihara bahasa) berpikir bahwa Javascript terlalu konsisten, setelah menguasai semua idiom dan idiosinkrasi, menginginkan lebih banyak.

Catatan, vartidak berfungsi di blok "panah" jika Anda ingin memperlakukan blok tersebut sebagai penutupan (karena vardiperkenalkan sebelum memperlakukan blok sebagai penutupan), tetapi berfungsi let.