Tutorial JS

JS RUMAH Pengenalan JS JS Dimana Keluaran JS Pernyataan JS Sintaks JS Komentar JS Variabel JS JS Let JS Const Operator JS JS Aritmatika Tugas JS Tipe Data JS Fungsi JS Objek JS Acara JS String JS Metode String JS Pencarian String JS Template String JS Nomor JS Metode Nomor JS JS Array Metode Array JS Sortir Array JS Iterasi Array JS JS Array Const Tanggal JS Format Tanggal JS Metode Dapatkan Tanggal JS Metode Penetapan Tanggal JS JS Matematika JS Acak JS Boolean Perbandingan JS Ketentuan JS Beralih JS JS Loop Untuk JS Loop Untuk Masuk JS Loop Untuk Of JS Loop Sementara Istirahat JS JS Iterable JS Set Peta JS Tipe JS Konversi Tipe JS JS Bitwise JS RegExp Kesalahan JS Lingkup JS Pengangkatan JS Mode Ketat JS JS Kata Kunci ini Fungsi Panah JS Kelas JS JS JSON Debug JS Panduan Gaya JS Praktik Terbaik JS Kesalahan JS Kinerja JS Kata-kata Cadangan JS

Versi JS

Versi JS JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Tepi Sejarah JS

Objek JS

Definisi Objek Properti Objek Metode Objek Tampilan Objek Aksesor Objek Konstruktor Objek Prototipe Objek Obyek Iterable Set Objek Peta Objek Referensi Objek

Fungsi JS

Definisi Fungsi Parameter Fungsi Panggilan Fungsi Panggilan Fungsi Fungsi Terapkan Penutupan Fungsi

Kelas JS

Perkenalan Kelas Warisan Kelas Kelas Statis

JS Asinkron

Panggilan Balik JS JS Asinkron JS Janji JS Async/Menunggu

JS HTML DOM

Pengenalan DOM Metode DOM Dokumen DOM Elemen DOM HTML DOM Formulir DOM CSS DOM Animasi DOM Acara DOM Pendengar Acara DOM Navigasi DOM Node DOM Koleksi DOM Daftar Node DOM

JS Browser BOM

Jendela JS Layar JS Lokasi JS Sejarah JS JS Navigator Peringatan Munculan JS Waktu JS JS Cookies

JS Web API

Pengantar API Web API Formulir Web API Riwayat Web API Penyimpanan Web API Pekerja Web API Pengambilan Web API Geolokasi Web

JS AJAX

Pengenalan AJAX AJAX XMLHttp Permintaan AJAX Tanggapan AJAX File XML AJAX AJAX PHP AJAX ASP Basis Data AJAX Aplikasi AJAX Contoh AJAX

JS JSON

Perkenalan JSON Sintaks JSON JSON vs XML Tipe Data JSON Penguraian JSON Stringify JSON Objek JSON Array JSON Server JSON JSON PHP JSON HTML JSON JSONP

JS vs jQuery

Pemilih jQuery jQuery HTML jQuery CSS jQuery DOM

Grafik JS

Grafik JS JS Kanvas JS Plotly JS Chart.js Bagan Google JS JS D3.js

Contoh JS

Contoh JS JS HTML DOM Masukan HTML JS Objek HTML JS Acara HTML JS JS Browser Editor JS Latihan JS kuis JS Sertifikat JS

Referensi JS

Objek JavaScript Objek DOM HTML


JavaScript Mari

Kata letkunci diperkenalkan di ES6 (2015) .

Variabel yang didefinisikan dengan lettidak dapat dideklarasikan ulang.

Variabel yang didefinisikan dengan letharus Dideklarasikan sebelum digunakan.

Variabel didefinisikan dengan letmemiliki Lingkup Blok.

Tidak Dapat Dideklarasikan Ulang

Variabel yang didefinisikan dengan lettidak dapat dideklarasikan ulang .

Anda tidak dapat secara tidak sengaja mendeklarasikan ulang sebuah variabel.

Dengan letAnda tidak dapat melakukan ini:

Contoh

let x = "John Doe";

let x = 0;

// SyntaxError: 'x' has already been declared

Dengan varAnda dapat:

Contoh

var x = "John Doe";

var x = 0;

Lingkup Blok

Sebelum ES6 (2015), JavaScript hanya memiliki Lingkup Global dan Lingkup Fungsi .

ES6 memperkenalkan dua kata kunci JavaScript baru yang penting: letdan const.

Kedua kata kunci ini menyediakan Lingkup Blok dalam JavaScript.

Variabel yang dideklarasikan di dalam blok {} tidak dapat diakses dari luar blok:

Contoh

{
  let x = 2;
}
// x can NOT be used here

Variabel yang dideklarasikan dengan varkata kunci TIDAK boleh memiliki cakupan blok.

Variabel yang dideklarasikan di dalam blok {} dapat diakses dari luar blok.

Contoh

{
  var x = 2;
}
// x CAN be used here

Mendeklarasikan Ulang Variabel

Mendeklarasikan ulang variabel menggunakan varkata kunci dapat menimbulkan masalah.

Mendeklarasikan ulang variabel di dalam blok juga akan mendeklarasikan ulang variabel di luar blok:

Contoh

var x = 10;
// Here x is 10

{
var x = 2;
// Here x is 2
}

// Here x is 2

Mendeklarasikan ulang variabel menggunakan letkata kunci dapat menyelesaikan masalah ini.

Mendeklarasikan ulang variabel di dalam blok tidak akan mendeklarasikan ulang variabel di luar blok:

Contoh

let x = 10;
// Here x is 10

{
let x = 2;
// Here x is 2
}

// Here x is 10

Dukungan Peramban

Kata letkunci tidak sepenuhnya didukung di Internet Explorer 11 atau sebelumnya.

Tabel berikut mendefinisikan versi browser pertama dengan dukungan penuh untuk letkata kunci:

Chrome 49 Edge 12 Firefox 44 Safari 11 Opera 36
Mar, 2016 Jul, 2015 Jan, 2015 Sep, 2017 Mar, 2016


Mendeklarasikan ulang

Mendeklarasikan ulang variabel JavaScript dengan vardiperbolehkan di mana saja dalam suatu program:

Contoh

var x = 2;
// Now x is 2

var x = 3;
// Now x is 3

Dengan let, mendeklarasikan ulang variabel di blok yang sama TIDAK diperbolehkan:

Contoh

var x = 2;    // Allowed
let x = 3;    // Not allowed

{
let x = 2;    // Allowed
let x = 3     // Not allowed
}

{
let x = 2;    // Allowed
var x = 3     // Not allowed
}

Mendeklarasikan ulang variabel dengan let, di blok lain, IS diperbolehkan:

Contoh

let x = 2;    // Allowed

{
let x = 3;    // Allowed
}

{
let x = 4;    // Allowed
}

Biarkan Mengangkat

Variabel varyang didefinisikan dengan diangkat ke atas dan dapat diinisialisasi kapan saja.

Artinya: Anda dapat menggunakan variabel sebelum dideklarasikan:

Contoh

Ini bagus:

carName = "Volvo";
var carName;

Jika Anda ingin mempelajari lebih lanjut tentang mengangkat, pelajari bab Mengangkat JavaScript .

Variabel yang didefinisikan dengan letjuga diangkat ke atas blok, tetapi tidak diinisialisasi.

Artinya: Menggunakan letvariabel sebelum dideklarasikan akan menghasilkan ReferenceError:

Contoh

carName = "Saab";
let carName = "Volvo";