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 Const

Kata constkunci diperkenalkan di ES6 (2015) .

Variabel yang didefinisikan dengan consttidak dapat dideklarasikan ulang.

Variabel yang didefinisikan dengan consttidak dapat ditugaskan kembali.

Variabel didefinisikan dengan constmemiliki Lingkup Blok.

Tidak Dapat Ditugaskan Kembali

Variabel consttidak dapat dipindahkan:

Contoh

const PI = 3.141592653589793;
PI = 3.14;      // This will give an error
PI = PI + 10;   // This will also give an error

Harus Ditugaskan

Variabel JavaScript constharus diberi nilai saat dideklarasikan:

Benar

const PI = 3.14159265359;

Salah

const PI;
PI = 3.14159265359;

Kapan menggunakan JavaScript const?

Sebagai aturan umum, selalu deklarasikan variabel dengan constkecuali Anda tahu bahwa nilainya akan berubah.

Gunakan constsaat Anda mendeklarasikan:

  • Array baru
  • Objek baru
  • Fungsi baru
  • RegExp baru

Objek dan Array Konstan

Kata constkuncinya sedikit menyesatkan.

Itu tidak menentukan nilai konstan. Ini mendefinisikan referensi konstan ke nilai.

Karena itu, Anda TIDAK BISA:

  • Tetapkan kembali nilai konstan
  • Tetapkan ulang array konstan
  • Tetapkan kembali objek konstan

    Tapi kamu bisa:

  • Ubah elemen array konstan
  • Ubah properti objek konstan

Array Konstan

Anda dapat mengubah elemen array konstan:

Contoh

// You can create a constant array:
const cars = ["Saab", "Volvo", "BMW"];

// You can change an element:
cars[0] = "Toyota";

// You can add an element:
cars.push("Audi");

Tetapi Anda TIDAK dapat menetapkan ulang array:

Contoh

const cars = ["Saab", "Volvo", "BMW"];

cars = ["Toyota", "Volvo", "Audi"];    // ERROR

Objek Konstan

Anda dapat mengubah properti objek konstan:

Contoh

// You can create a const object:
const car = {type:"Fiat", model:"500", color:"white"};

// You can change a property:
car.color = "red";

// You can add a property:
car.owner = "Johnson";

Tetapi Anda TIDAK dapat menetapkan kembali objek:

Contoh

const car = {type:"Fiat", model:"500", color:"white"};

car = {type:"Volvo", model:"EX60", color:"red"};    // ERROR

Dukungan Peramban

Kata constkunci tidak didukung di Internet Explorer 10 atau yang lebih lama.

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

Chrome 49 IE 11 / Edge Firefox 36 Safari 10 Opera 36
Mar, 2016 Oct, 2013 Feb, 2015 Sep, 2016 Mar, 2016


Lingkup Blok

Mendeklarasikan variabel dengan constmirip dengan let ketika datang ke Block Scope .

X yang dideklarasikan di dalam blok, dalam contoh ini, tidak sama dengan x yang dideklarasikan di luar blok:

Contoh

const x = 10;
// Here x is 10

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

// Here x is 10

Anda dapat mempelajari lebih lanjut tentang cakupan blok di bab Lingkup JavaScript .


Mendeklarasikan ulang

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

Contoh

var x = 2;     // Allowed
var x = 3;     // Allowed
x = 4;         // Allowed

Mendeklarasikan ulang variabel varatau yang sudah ada ke , dalam cakupan yang sama, tidak diizinkan:letconst

Contoh

var x = 2;     // Allowed
const x = 2;   // Not allowed

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

{
const x = 2;   // Allowed
const x = 2;   // Not allowed
}

Menugaskan kembali constvariabel yang ada, dalam cakupan yang sama, tidak diperbolehkan:

Contoh

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

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

Mendeklarasikan ulang variabel dengan const, dalam lingkup lain, atau di blok lain, diperbolehkan:

Contoh

const x = 2;       // Allowed

{
  const x = 3;   // Allowed
}

{
  const x = 4;   // Allowed
}

Pengangkatan Const

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 constjuga diangkat ke atas, tetapi tidak diinisialisasi.

Artinya: Menggunakan constvariabel sebelum dideklarasikan akan menghasilkan ReferenceError:

Contoh

alert (carName);
const carName = "Volvo";