JavaScript - Mode Ketat

Halo sana, para ahli JavaScript masa depan! Hari ini, kita akan mempelajari topik yang mungkin terdengar sedikit menakutkan pada awalnya, tapi saya berjanji kepada Anda, itu akan menyenangkan seperti menemukan bakso ekstra di dasar tas takeout Anda. Kita akan membahas Mode Ketat JavaScript!

JavaScript - Strict Mode

Mode Ketat di JavaScript

Imaginasikan Anda belajar mengemudikan mobil. Pada awalnya, instruktur Anda mungkin akan memaafkan Anda atas kesalahan kecil, tetapi seiring Anda semakin maju, mereka mulai menjadi lebih ketat, menunjukkan setiap kesalahan kecil. Itu tepatnya apa yang dilakukan Mode Ketat JavaScript – itu seperti seorang instruktur mengemudi yang ketat bagi kode Anda!

Mode Ketat adalah fitur yang diperkenalkan dalam ECMAScript 5 (ES5) yang memungkinkan Anda menempatkan program, atau fungsi, dalam konteks operasi "ketat". Konteks ketat ini menghindari某些行动 dan melempar lebih banyak pengecualian.

Mengaktifkan Mode Ketat

Mengaktifkan Mode Ketat mudah seperti roti (siapa yang tidak suka roti?). Anda cukup menambahkan string "use strict" di awal script atau fungsi Anda. mari kita lihat bagaimana itu terlihat:

"use strict";

// Kode Anda di sini

Itu saja! Anda baru saja mengaktifkan Mode Ketat untuk keseluruhan script Anda. Tetapi ingat, itu seperti memakai sabuk pengaman – itu hanya bekerja jika Anda melakukannya di awal!

Mengapa Menggunakan Mode Ketat?

Sekarang, Anda mungkin bertanya-tanya, "Mengapa saya ingin membuat JavaScript lebih ketat? Bukan sudah cukup rumit sekali?" Well, teman muda, Mode Ketat sebenarnya disini untuk membantu Anda. Berikut adalah beberapa alasan mengapa Anda mungkin ingin menggunakannya:

  1. Itu menangkap kesalahan pengoding umum, melempar pengecualian.
  2. Itu mencegah, atau melempar kesalahan, saat tindakan "tidak aman" diambil.
  3. Itu menonaktifkan fitur yang membingungkan atau kurang baik.
  4. Itu membuat kode Anda lebih aman.
  5. Itu membantu Anda menulis kode "lebih bersih".

mari kita lihat contoh sederhana:

"use strict";

x = 3.14; // Ini akan menyebabkan kesalahan

Tanpa Mode Ketat, JavaScript akan dengan gembira membuat variabel global x. Tetapi dengan Mode Ketat, itu melempar kesalahan karena Anda lupa mendeklarasikan variabel dengan let, const, atau var. Itu seperti memiliki teman yang selalu mengingatkan Anda untuk memakai tali sepatu!

Mode Ketat di Lingkup Global

Ketika Anda menggunakan Mode Ketat di lingkup global (di luar semua fungsi), itu berlaku untuk keseluruhan script. mari kita lihat contohnya:

"use strict";

function doSomething() {
x = 10; // Ini akan menyebabkan kesalahan
}

doSomething();

Dalam kasus ini, meskipun x = 10 berada di dalam fungsi, itu masih akan menyebabkan kesalahan karena Mode Ketat diaktifkan untuk keseluruhan script.

Mode Ketat di Lingkup Lokal

Anda juga dapat menggunakan Mode Ketat di dalam fungsi tertentu. Hal ini berguna saat Anda bekerja di proyek besar dan hanya ingin menerapkan Mode Ketat ke bagian tertentu dari kode Anda. mari kita lihat bagaimana Anda melakukannya:

function strictFunction() {
"use strict";
// Fungsi ini berada dalam mode ketat
y = 20; // Ini akan menyebabkan kesalahan
}

function nonStrictFunction() {
// Fungsi ini tidak berada dalam mode ketat
z = 30; // Ini tidak akan menyebabkan kesalahan
}

strictFunction();
nonStrictFunction();

Dalam contoh ini, strictFunction() akan melempar kesalahan, tetapi nonStrictFunction() tidak. Itu seperti memiliki tanda "Tidak Ada Sepatu, Tidak Ada Kemeja, Tidak Ada Layanan" tapi hanya untuk satu kamar di rumah Anda!

Kesalahan yang Anda tidak seharusnyabuat di mode ketat

Sekarang, mari bicarakan tentang beberapa kesalahan umum yang Mode Ketat akan tangkap. Pensejukkan ini sebagai "jangan" di Mode Ketat:

Kesalahan Contoh Penjelasan
Menggunakan variabel yang belum dideklarasikan x = 3.14; Variabel harus dideklarasikan dengan let, const, atau var
Menggunakan delete pada variabel delete x; Anda tidak dapat menghapus variabel, fungsi, atau argumen
Mengulangkan nama parameter function f(a, a, b) {} Tidak diperbolehkan nama parameter yang duplikat
Menggunakan sintaks oktal var n = 023; Sintaks oktal tidak diperbolehkan
Menulis ke properti read-only var obj = {}; Object.defineProperty(obj, "x", { value: 0, writable: false }); obj.x = 3.14; Tidak dapat menulis ke properti read-only
Menggunakan pernyataan with with (Math) { x = cos(2); } Pernyataan with tidak diperbolehkan

mari kita lihat contoh yang lebih kompleks yang menunjukkan beberapa aturan ini:

"use strict";

function calculateArea(radius, radius) {
// Nama parameter duplikat - ini akan menyebabkan kesalahan
with (Math) {
// Menggunakan pernyataan 'with' - ini akan menyebabkan kesalahan
return PI * radius * radius;
}
}

var result = calculateArea(5, 5);
console.log(result);

Kode ini memiliki dua masalah: nama parameter duplikat dan penggunaan pernyataan with. Mode Ketat akan menangkap keduanya dan melempar kesalahan, membantu Anda menulis kode yang lebih baik dan mudah dipelihara.

Dalam kesimpulan, Mode Ketat adalah seperti memiliki seorang teman super cerdas, sedikit keras, yang memantau Anda saat Anda menulis kode. Itu mungkin membingungkan pada awalnya, tetapi itu ada untuk membantu Anda menjadi pengembang JavaScript yang lebih baik. Jadi, terima kasih, gunakanlah dan lihatlah kualitas kode Anda meningkat!

Ingat, di dunia pemrograman, menjadi ketat bukan tentang kebrutalan – itu tentang menjadi jelas, tepat, dan bebas kesalahan. Jadi, teruskan dan kode secara ketat, teman-teman saya!

Credits: Image by storyset