Penggunaan const yang tepat untuk mendefinisikan fungsi dalam JavaScript

Saya tertarik jika ada batasan untuk jenis nilai apa yang dapat diatur menggunakan constJavaScript — dalam fungsi tertentu. Apakah ini valid? Memang itu berhasil, tetapi apakah itu dianggap praktik buruk karena alasan apa pun?

const doSomething = () => {
   ...
}

Haruskah semua fungsi didefinisikan dengan cara ini di ES6? Sepertinya ini tidak menarik, jika demikian.

Terima kasih atas komentarnya!

Tidak ada masalah dengan apa yang telah Anda lakukan, tetapi Anda harus ingat perbedaan antara deklarasi fungsi dan ekspresi fungsi.

Deklarasi fungsi, yaitu:

function doSomething () {}

Diangkat sepenuhnya ke bagian atas ruang lingkup (dan suka letdan constmereka juga dicakup blok).

Ini berarti bahwa yang berikut ini akan berfungsi:

doSomething() // works!
function doSomething() {}

Ekspresi fungsi, yaitu:

[const | let | var] = function () {} (or () =>

Apakah pembuatan fungsi anonim ( function () {}) dan pembuatan variabel, dan kemudian penugasan fungsi anonim tersebut ke variabel itu.

Jadi aturan yang biasa di sekitar variabel mengangkat dalam lingkup - variabel blok-tertutup ( letdan const) tidak mengangkat undefinedke atas lingkup blok mereka.

Ini berarti:

if (true) {
    doSomething() // will fail
    const doSomething = function () {}
}

Akan gagal karena doSomethingtidak ditentukan. (Ini akan melempar ReferenceError)

Jika Anda beralih menggunakan varAnda mendapatkan pengangkat variabel, tetapi akan diinisialisasi undefinedsehingga blok kode di atas masih tidak akan berfungsi. (Ini akan melempar TypeErrorkarena doSomethingbukan fungsi pada saat Anda menyebutnya)

Sejauh praktik standar berjalan, Anda harus selalu menggunakan alat yang tepat untuk pekerjaan itu.

Axel Rauschmayer memiliki pos yang bagus tentang ruang lingkup dan mengangkat termasuk es6 semantik: Variabel dan Pelingkupan dalam ES6

Meskipun menggunakan constuntuk mendefinisikan fungsi tampaknya seperti peretasan, tetapi ia datang dengan beberapa keuntungan besar yang menjadikannya unggul (menurut saya)

1. Itu membuat fungsi tidak berubah, jadi Anda tidak perlu khawatir tentang fungsi yang diubah oleh beberapa bagian kode lainnya.

2. Anda dapat menggunakan sintaks panah gemuk, yang lebih pendek & bersih.

3. Menggunakan fungsi panah menjaga thisikatan untuk Anda.

contoh dengan function

// define a function
function add(x, y) { return x + y; }

// use it
console.log(add(1, 2)); // 3

// oops, someone mutated your function
add = function (x, y) { return x - y; };

// now this is not what you expected
console.log(add(1, 2)); // -1

contoh yang sama dengan const

// define a function (wow! that is 8 chars shorter)
const add = (x, y) => x + y;

// use it
console.log(add(1, 2)); // 3

// someone tries to mutate the function
add = (x, y) => x - y; // Uncaught TypeError: Assignment to constant variable.
// the intruder fails and your function remains unchanged

Sudah tiga tahun sejak pertanyaan ini diajukan, tetapi saya baru saja menjumpainya. Karena jawaban ini sangat jauh dari tumpukan, perkenankan saya mengulanginya:

T: Saya tertarik jika ada batasan untuk jenis nilai apa yang dapat diatur menggunakan const dalam JavaScript — dalam fungsi tertentu. Apakah ini valid? Memang itu berhasil, tetapi apakah itu dianggap praktik buruk karena alasan apa pun?

Saya termotivasi untuk melakukan penelitian setelah mengamati seorang pembuat kode JavaScript yang produktif yang selalu menggunakan constpernyataan functions, bahkan ketika tidak ada alasan / manfaat yang jelas.

Dalam jawaban untuk " apakah ini dianggap praktik buruk karena alasan apa pun? " Saya katakan, IMO, ya itu, atau setidaknya, ada keuntungan menggunakan functionpernyataan.

Menurut saya ini sebagian besar adalah masalah preferensi dan gaya. Ada beberapa argumen bagus yang disajikan di atas, tetapi tidak ada yang begitu jelas seperti yang dilakukan dalam artikel ini:

Konstan kebingungan: mengapa saya masih menggunakan pernyataan fungsi JavaScript oleh medium.freecodecamp.org/Bill Sourour, guru JavaScript, guru, konsultan, dan guru.

Saya mendorong semua orang untuk membaca artikel itu, bahkan jika Anda sudah membuat keputusan.

Inilah poin-poin utamanya:

Pernyataan fungsi memiliki dua keunggulan yang jelas dibandingkan dengan ekspresi fungsi [const]:

Keuntungan # 1: Kejelasan niat

Saat memindai melalui ribuan baris kode sehari, akan sangat berguna untuk mengetahui maksud programmer secepat dan semudah mungkin.

Keuntungan # 2: Urutan deklarasi == urutan eksekusi

Idealnya, saya ingin mendeklarasikan kode saya kurang lebih dalam urutan yang saya harapkan akan dieksekusi.

Ini adalah showstopper untuk saya: nilai apa pun yang dideklarasikan menggunakan kata kunci const tidak dapat diakses sampai eksekusi mencapainya.

Apa yang baru saja saya jelaskan di atas memaksa kita untuk menulis kode yang terlihat terbalik. Kita harus mulai dengan fungsi level terendah dan terus maju.

Otak saya tidak bekerja seperti itu. Saya ingin konteks sebelum detailnya.

Sebagian besar kode ditulis oleh manusia. Jadi masuk akal bahwa urutan pemahaman kebanyakan orang secara kasar mengikuti urutan eksekusi sebagian besar kode.

Ada beberapa manfaat yang sangat penting untuk penggunaan const dan beberapa akan mengatakan itu harus digunakan sedapat mungkin karena seberapa disengaja dan indikatif itu.

Sejauh yang saya tahu, itu adalah deklarasi variabel yang paling indikatif dan dapat diprediksi dalam JavaScript, dan salah satu yang paling berguna, KARENA betapa terhambatnya itu. Mengapa? Karena itu menghilangkan beberapa kemungkinan tersedia untuk vardan letdeklarasi.

Apa yang dapat Anda simpulkan saat membaca const? Anda mengetahui semua hal berikut hanya dengan membaca constpernyataan deklarasi, DAN tanpa memindai referensi lain ke variabel itu:

• nilai terikat ke variabel itu (meskipun objek yang mendasarinya tidak bisa berubah sangat)
• itu tidak dapat diakses di luar blok yang berisi langsung
• ikatan tidak pernah diakses sebelum deklarasi, karena aturan Zona Zona Temporal (TDZ).

Kutipan berikut berasal dari artikel yang mengemukakan manfaat letdanconst . Itu juga lebih langsung menjawab pertanyaan Anda tentang batasan / batasan kata kunci:

Kendala seperti yang ditawarkan oleh letdanconst merupakan cara yang kuat untuk membuat kode lebih mudah dipahami. Cobalah untuk menghasilkan sebanyak mungkin kendala ini dalam kode yang Anda tulis. Semakin banyak batasan deklaratif yang membatasi arti sepotong kode, semakin mudah dan cepat bagi manusia untuk membaca, mengurai, dan memahami sepotong kode di masa depan.

Memang, ada lebih banyak aturan untuk constdeklarasi daripada vardeklarasi: blok-lingkup, TDZ, menetapkan pada deklarasi, tidak ada penugasan kembali. Sedangkan varpernyataan hanya fungsi pelingkupan sinyal. Namun, penghitungan aturan tidak menawarkan banyak wawasan. Lebih baik menimbang aturan ini dalam hal kompleksitas: apakah aturan menambah atau mengurangi kompleksitas? Dalam kasus const, pelingkupan blok berarti cakupan yang lebih sempit daripada pelingkupan fungsi, TDZ berarti bahwa kita tidak perlu memindai lingkup mundur dari deklarasi untuk menemukan penggunaan sebelum deklarasi, dan aturan penugasan berarti bahwa penjilidan akan selalu mempertahankan referensi yang sama.

Pernyataan yang lebih terbatas adalah, sepotong kode menjadi lebih sederhana. Saat kami menambahkan batasan pada apa arti pernyataan, kode menjadi lebih tidak terduga. Ini adalah salah satu alasan terbesar mengapa program yang diketik secara statis lebih mudah dibaca daripada yang diketik secara dinamis. Pengetikan statis menempatkan kendala besar pada penulis program, tetapi juga menempatkan kendala besar tentang bagaimana program dapat ditafsirkan, membuat kodenya lebih mudah dimengerti.

Dengan argumen ini dalam pikiran, disarankan agar Anda menggunakan constjika memungkinkan, karena itu adalah pernyataan yang memberi kami kemungkinan paling sedikit untuk dipikirkan.

Sumber: https://ponyfoo.com/articles/var-let-const