Berapa banyak kata kunci yang ada di javascript?

Di era JavaScript pra-ES6 yang lama, pengembang biasa mendeklarasikan variabel menggunakan kata kunci var atau tanpa kata kunci apa pun. Tapi waktu telah berubah

Dengan ES6 (EcmaScript 2015), awal era modern dalam JavaScript, bahasa tersebut mendapatkan dua kata kunci baru untuk membantu kami mendeklarasikan variabel. Ini adalah let dan

{
  let name = "alex";
}

Pada artikel ini, kita akan belajar tentang semua kata kunci ini (ya, termasuk var) dengan contoh, dan kita akan melihat kapan menggunakannya, dan kapan tidak menggunakannya

Jika Anda juga suka belajar dari konten video, artikel ini juga tersedia sebagai tutorial video YouTube di sini. 🙂

Btw, ini adalah topik yang banyak dibicarakan. Lalu, mengapa menulis tentang itu lagi?

1. Banyak pengembang mencoba menggunakannya secara bergantian (terutama let dengan dua lainnya)
2. Terkadang, Anda mungkin bingung tentang hubungan kata kunci ini dengan konsep dasar JavaScript yang disebut

   {
     let name = "alex";
   }
   

   3

Jadi, artikel ini bertujuan untuk mengajarkan kata kunci tersebut dalam konteks tiga konsep penting. Saya harap Anda menikmati membacanya

Cara Mendeklarasikan Variabel di JavaScript

Dalam JavaScript, kita dapat mendeklarasikan variabel dengan tiga cara berbeda seperti ini

// Without keywords. It is essentially the same as var 
// and not allowed in 'strict' mode.
name = 'Jack'; 

// Using var
var price = 100;

// Using let
let isPermanent = false; 

// Using const
const PUBLICATION = 'freeCodeCamp' 

Sebaiknya Anda memahami var, let, dan const dengan ketiga konsep ini

• Cakupan
• Menugaskan ulang nilai baru
• Saat Anda mengakses variabel sebelum mendeklarasikannya

Kata kunci ini berbeda dalam penggunaan sehubungan dengan konsep-konsep ini. Mari kita lihat caranya

Cakupan Variabel dalam JavaScript

Dalam JavaScript, kami menggunakan cakupan sebagai cara untuk mengidentifikasi di mana dan apakah kami dapat menggunakan variabel. Variabel mungkin ada di dalam blok, di dalam fungsi, atau di luar fungsi dan blok

Jadi, apa itu blok? . }). Sesuatu seperti ini

{
  let name = "alex";
}

Di sisi lain, fungsi adalah sekumpulan instruksi kode yang ingin Anda tempatkan secara logis

Biasanya, Anda mendefinisikan fungsi menggunakan kata kunci

{
  let name = "alex";
}

{
  let name = "alex";
}

Ini adalah fungsi dengan nama

{
  let name = "alex";
}

function test() {
  let name = "alex";
}

Apa pun dan segala sesuatu di luar blok atau fungsi yang akan kami panggil

{
  let name = "alex";
}

Terutama ada tiga jenis ruang lingkup

• Lingkup Blok
• Lingkup Fungsional
• Lingkup Global

Tiga kata kunci var, let, dan

{
  let name = "alex";
}

Cara Menggunakan Variabel JavaScript di Block Scope

Jika Anda tidak ingin variabel yang dideklarasikan di dalam blok

function test() {
  let name = "alex";
}

{
  let name = "alex";
}

function test() {
  let name = "alex";
}

Mari kita ambil contoh

{
    let f_name  = 'Alex';
    const ZIP = 500067;
    var age = 25;
}

console.log(f_name); // Uncaught ReferenceError: f_name is not defined
console.log(ZIP);  // Uncaught ReferenceError: ZIP is not defined
console.log(age);  // 25

Seperti yang Anda lihat, nilai variabel usia mungkin diganti tanpa disadari dan akhirnya menimbulkan bug. Jadi, pesan moral dari cerita ini adalah,

Jangan gunakan kata kunci var di dalam blok (lingkup blok). Selalu gunakan let dan

{
  let name = "alex";
}

0 sebagai gantinya

Cara Menggunakan Variabel JavaScript dalam Lingkup Fungsional

Variabel yang dideklarasikan di dalam fungsi menggunakan kata kunci ini tidak dapat diakses di luar fungsi. Itulah ruang lingkup fungsional yang diterapkan

Memang benar terlepas dari apakah Anda menggunakan var, let, atau const. Di dalam fungsi, mereka sangat mirip dalam mengelola ruang lingkup variabel

Mari kita ambil contoh lagi

// f1() is a function

function f1() {
 let f_name = "Alex";
 const ZIP = 560089;
 var age = 25;   
}

f1();

console.log(f_name); // Uncaught ReferenceError: f_name is not defined
console.log(ZIP);  // Uncaught ReferenceError: ZIP is not defined
console.log(age);  // Uncaught ReferenceError: age is not defined

Seperti yang Anda lihat di atas, tidak ada variabel yang dapat diakses di luar fungsi, bahkan

function test() {
  let name = "alex";
}

Variabel yang dideklarasikan dengan var_ di dalam suatu fungsi tidak dapat diakses di luarnya. Kata kunci var memiliki ruang lingkup fungsi

Cara Menggunakan Variabel JavaScript di Lingkup Global

Variabel yang dideklarasikan di luar fungsi dan blok apa pun adalah

{
    let f_name  = 'Alex';
    const ZIP = 500067;
    var age = 25;
}

console.log(f_name); // Uncaught ReferenceError: f_name is not defined
console.log(ZIP);  // Uncaught ReferenceError: ZIP is not defined
console.log(age);  // 25

{
    let f_name  = 'Alex';
    const ZIP = 500067;
    var age = 25;
}

console.log(f_name); // Uncaught ReferenceError: f_name is not defined
console.log(ZIP);  // Uncaught ReferenceError: ZIP is not defined
console.log(age);  // 25

Anda dapat menggunakan var, let, dan

{
  let name = "alex";
}

let f_name = "Alex";
 const ZIP = 560089;
 var age = 25;  

// f1() is a function
function f1() {
  console.log(f_name); // Alex
  console.log(ZIP);  // 560089
  console.log(age);  // 25
}

f1();

console.log(f_name); // Alex
console.log(ZIP);  // 560089
console.log(age);  // 25

Seperti yang Anda lihat, variabel dapat diakses di mana saja

Jadi, untuk membatasi cakupan variabel menggunakan kata kunci var, let, dan

{
  let name = "alex";
}

• var. Tingkat lingkup fungsional
• let. Tingkat cakupan blok

• {
    let name = "alex";
  }
  

  0. Tingkat cakupan blok

Gambar di bawah menunjukkan mindmap dari ketiga kata kunci ini dengan mengacu pada cakupan yang berbeda

Mari beralih ke konsep berikutnya untuk memahami bagaimana ketiga kata kunci ini memengaruhi perilaku kode saat kita menetapkan kembali nilai baru ke variabel

Cara Menetapkan Ulang Nilai Baru ke Variabel dalam JavaScript

Setelah Anda mendeklarasikan variabel dengan var atau let, Anda dapat menetapkan kembali nilai baru ke variabel dalam alur pemrograman Anda. Dimungkinkan jika variabel dapat diakses untuk menetapkan nilai. Namun dengan

{
  let name = "alex";
}

// Declare variables with initial values
let f_name = "Alex";
const ZIP = 560089;
var age = 25;

// Reassign values
f_name = "Bob"; // the f_name value is 'Bob"
ZIP = 65457; // Uncaught TypeError: Assignment to constant variable.
age = 78; // the age value is 78

Ada bagian yang sulit dengan

{
  let name = "alex";
}

{
  let name = "alex";
}

// f1() is a function

function f1() {
 let f_name = "Alex";
 const ZIP = 560089;
 var age = 25;   
}

f1();

console.log(f_name); // Uncaught ReferenceError: f_name is not defined
console.log(ZIP);  // Uncaught ReferenceError: ZIP is not defined
console.log(age);  // Uncaught ReferenceError: age is not defined

Lihat contohnya di sini

const blog = {
    'url': 'https://greenroots.info'
}

blog.url = 'https://blog.greenroots.info"; //Allowed

blog = {}; // Uncaught TypeError: Assignment to constant variable.

Berikut adalah peta pikiran untuk membantu Anda memahami cara kerja penugasan ulang untuk variabel yang dideklarasikan dengan tiga kata kunci ini

Yang Terjadi Saat Anda Mengakses Variabel Sebelum Mendeklarasikannya di JavaScript

Sebagai pemrogram pragmatis, Anda tidak boleh mencoba mengakses variabel tanpa mendeklarasikannya. Tetapi jika itu terjadi, mari kita lihat bagaimana perilaku variabel tersebut

Dengan var dalam mode tidak ketat, variabel akan memiliki nilai

let f_name = "Alex";
 const ZIP = 560089;
 var age = 25;  

// f1() is a function
function f1() {
  console.log(f_name); // Alex
  console.log(ZIP);  // 560089
  console.log(age);  // 25
}

f1();

console.log(f_name); // Alex
console.log(ZIP);  // 560089
console.log(age);  // 25

Dalam mode ketat, Anda akan mendapatkan

let f_name = "Alex";
 const ZIP = 560089;
 var age = 25;  

// f1() is a function
function f1() {
  console.log(f_name); // Alex
  console.log(ZIP);  // 560089
  console.log(age);  // 25
}

f1();

console.log(f_name); // Alex
console.log(ZIP);  // 560089
console.log(age);  // 25

Dengan let dan

{
  let name = "alex";
}

let f_name = "Alex";
 const ZIP = 560089;
 var age = 25;  

// f1() is a function
function f1() {
  console.log(f_name); // Alex
  console.log(ZIP);  // 560089
  console.log(age);  // 25
}

f1();

console.log(f_name); // Alex
console.log(ZIP);  // 560089
console.log(age);  // 25

Ini peta pikiran lagi untuk membantu Anda memahaminya secara visual. Dalam peta pikiran, _______ 38 _______ digambarkan untuk mode non-ketat

Itu saja, teman-teman. Anda perlu mempertimbangkan keadaan dan konsep ini untuk mengevaluasi bagaimana var, let, dan

{
  let name = "alex";
}

• Jangan gunakan var lagi
• Gunakan let atau

  {
    let name = "alex";
  }
  

  0
• Gunakan

  {
    let name = "alex";
  }
  

  0 lebih sering. Gunakan let saat Anda perlu menetapkan kembali nilai lain ke variabel
• Jangan mencoba mengakses variabel tanpa mendeklarasikannya

Sebelum Kita Berakhir

Itulah kisah di balik let,

{
  let name = "alex";
}

// Declare variables with initial values
let f_name = "Alex";
const ZIP = 560089;
var age = 25;

// Reassign values
f_name = "Bob"; // the f_name value is 'Bob"
ZIP = 65457; // Uncaught TypeError: Assignment to constant variable.
age = 78; // the age value is 78

Mari terhubung. Saya membagikan pembelajaran saya tentang JavaScript, Pengembangan Web, dan Blogging di platform ini juga

• Ikuti saya di Twitter
• Berlangganan ke Saluran YouTube saya
• Proyek sampingan di GitHub

Sampai jumpa lagi di artikel saya selanjutnya. Sampai saat itu, tolong jaga dirimu, dan tetap bahagia

IKLAN

IKLAN

IKLAN

IKLAN

IKLAN

IKLAN

IKLAN

IKLAN

TAPAS ADHIKARY

Penulis. YouTuber. Pencipta. Mentor

Jika Anda membaca sejauh ini, tweet ke penulis untuk menunjukkan bahwa Anda peduli. Tweet terima kasih

Belajar kode secara gratis. Kurikulum open source freeCodeCamp telah membantu lebih dari 40.000 orang mendapatkan pekerjaan sebagai pengembang. Memulai

Berapa banyak jenis kata kunci yang ada di JavaScript?

Berapa banyak kata kunci dalam JavaScript untuk mendeklarasikan variabel?

Berapa banyak kata kunci yang dimiliki Python?

Berapa banyak kata yang dicadangkan dalam JavaScript?