ES6 - Sintaks

Syntaxmendefinisikan seperangkat aturan untuk menulis program. Setiap spesifikasi bahasa menentukan sintaksnya sendiri.

Program JavaScript dapat terdiri dari -

  • Variables - Mewakili blok memori bernama yang dapat menyimpan nilai untuk program.

  • Literals - Mewakili nilai konstan / tetap.

  • Operators - Simbol yang menentukan bagaimana operand akan diproses.

  • Keywords - Kata-kata yang memiliki arti khusus dalam konteks suatu bahasa.

Tabel berikut mencantumkan beberapa kata kunci di JavaScript. Beberapa kata kunci yang umum digunakan tercantum dalam tabel berikut.

istirahat sebagai apa saja Beralih
kasus jika melemparkan Lain
var jumlah tali Dapatkan
modul Tipe contoh Jenis
akhirnya untuk enum Ekspor
sementara kosong ini Baru
batal super Menangkap membiarkan
statis kembali Benar Salah
  • Modules - Mewakili blok kode yang dapat digunakan kembali di berbagai program / skrip.

  • Comments- Digunakan untuk meningkatkan keterbacaan kode. Ini diabaikan oleh mesin JavaScript.

  • Identifiers - Ini adalah nama yang diberikan ke elemen dalam program seperti variabel, fungsi, dll. Aturan untuk pengidentifikasi adalah -

    • Pengidentifikasi dapat mencakup keduanya, karakter dan angka. Namun, pengenal tidak boleh dimulai dengan digit.

    • Pengidentifikasi tidak dapat menyertakan simbol khusus kecuali untuk garis bawah (_) atau tanda dolar ($).

    • Pengenal tidak boleh menjadi kata kunci. Mereka harus unik.

    • Pengenal peka huruf besar / kecil. Pengenal tidak boleh berisi spasi.

Tabel berikut menggambarkan beberapa pengenal yang valid dan tidak valid.

Contoh pengenal yang valid Contoh pengenal yang tidak valid

nama depan

nama depan

num1

$ result

Var #

nama depan

nama depan

1 angka

Spasi Putih dan Jeda Baris

ES6 mengabaikan spasi, tab, dan baris baru yang muncul di program. Anda dapat menggunakan spasi, tab, dan baris baru secara bebas dalam program Anda dan Anda bebas untuk memformat dan membuat indentasi program Anda dengan cara yang rapi dan konsisten yang membuat kode mudah dibaca dan dipahami.

JavaScript Peka Huruf Besar-Kecil

JavaScript peka huruf besar kecil. Ini berarti JavaScript membedakan antara huruf besar dan huruf kecil.

Titik koma adalah Opsional

Setiap baris instruksi disebut a statement. Titik koma bersifat opsional di JavaScript.

Contoh

console.log("hello world") 
console.log("We are learning ES6")

Satu baris bisa berisi banyak pernyataan. Namun, pernyataan ini harus dipisahkan dengan titik koma.

Komentar di JavaScript

Commentsadalah cara untuk meningkatkan keterbacaan program. Komentar dapat digunakan untuk memasukkan informasi tambahan tentang program seperti pembuat kode, petunjuk tentang fungsi / konstruksi, dll. Komentar diabaikan oleh kompiler.

JavaScript mendukung jenis komentar berikut -

  • Single-line comments (//) - Teks apa pun di antara // dan akhir baris dianggap sebagai komentar.

  • Multi-line comments (/* */) - Komentar ini dapat mencakup beberapa baris.

Contoh

//this is single line comment  
/* This is a  
Multi-line comment 
*/

Kode JavaScript Pertama Anda

Mari kita mulai dengan contoh "Hello World" tradisional ".

var message = "Hello World" 
console.log(message)

Program ini dapat dianalisis sebagai -

  • Baris 1 mendeklarasikan variabel dengan pesan nama. Variabel adalah mekanisme untuk menyimpan nilai dalam sebuah program.

  • Baris 2 mencetak nilai variabel ke prompt. Di sini, konsol mengacu pada jendela terminal. Log fungsi () digunakan untuk menampilkan teks di layar.

Menjalankan Kode

Kami akan menggunakan Node.js untuk mengeksekusi kode kami.

  • Step 1 - Simpan file sebagai Test.js

  • Step 2 - Klik kanan file Test.js di bawah opsi file kerja di jendela project-explorer dari Visual Studio Code.

  • Step 3 - Pilih Buka di opsi Command Prompt.

  • Step 4 - Ketik perintah berikut di jendela terminal Node.

node Test.js

Output berikut ditampilkan pada eksekusi file yang berhasil.

Hello World

Node.js dan JS / ES6

Fitur ECMAScript 2015 (ES6) diklasifikasikan menjadi tiga kelompok -

  • For Shipping - Ini adalah fitur yang dianggap stabil oleh V8.

  • Staged Features - Ini adalah fitur yang hampir selesai tetapi tidak dianggap stabil oleh tim V8.

  • In Progress - Fitur ini harus digunakan hanya untuk tujuan pengujian.

Kategori pertama fitur didukung penuh dan diaktifkan secara default oleh node. Fitur bertahap memerlukan runtime - - tanda harmoni untuk dijalankan.

Daftar flag CLI khusus komponen untuk Node.js dapat ditemukan di sini - https://nodejs.org/api/cli.html

Mode Ketat

Edisi kelima spesifikasi ECMAScript memperkenalkan Mode Ketat. Mode Ketat memberlakukan lapisan batasan pada JavaScript. Itu membuat beberapa perubahan pada semantik JavaScript normal.

Kode dapat dialihkan untuk bekerja dalam Mode Ketat dengan memasukkan yang berikut -

// Whole-script strict mode syntax 
"use strict"; 
 v = "Hi!  I'm a strict mode script!";  // ERROR: Variable v is not declared

Dalam cuplikan di atas, seluruh kode dijalankan sebagai varian JavaScript yang dibatasi.

JavaScript juga memungkinkan untuk membatasi, Mode Ketat dalam cakupan blok seperti halnya fungsi. Ini diilustrasikan sebagai berikut -

v = 15 
function f1() { 
   "use strict"; 
   var v = "Hi!  I'm a strict mode script!"; 
}

Dalam cuplikan di atas, kode apa pun di luar fungsi akan dijalankan dalam mode non-ketat. Semua pernyataan dalam fungsi tersebut akan dieksekusi dalam Mode Ketat.

ES6 dan Mengangkat

Mesin JavaScript, secara default, memindahkan deklarasi ke atas. Fitur ini disebut sebagaihoisting. Fitur ini berlaku untuk variabel dan fungsi. Mengangkat memungkinkan JavaScript menggunakan komponen sebelum dideklarasikan. Namun, konsep hoisting tidak berlaku untuk skrip yang dijalankan dalam Mode Ketat.

Variable Hoisting dan Function Hoisting dijelaskan pada bab-bab selanjutnya.