MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

Lexical grammar

Terjemahan ini belum lengkap. Mohon bantu menerjemahkan artikel ini dari Bahasa Inggris.

Halaman ini menjelaskan tata bahasa leksikal JavaScript. Teks sumber skrip JavaScript dipindai dari kiri ke kanan dan diubah menjadi urutan elemen masukan yang merupakan token, karakter kontrol, terminator baris, komentar atau whitespace. ECMAScript juga mendefinisikan kata kunci dan literal tertentu dan memiliki aturan untuk penyisipan titik koma secara otomatis untuk mengakhiri pernyataan.

Karakter-karakter kontrol

Karakter kontrol tidak memiliki representasi visual namun digunakan untuk mengendalikan interpretasi teks.

Karakter-karakter kontrol format unicode
Kode Nama Singkatan Deskripsi
U+200C Zero width non-joiner <ZWNJ> Ditempatkan di antara karakter untuk mencegah terhubung ke ligatur dalam bahasa tertentu (Wikipedia).
U+200D Zero width joiner <ZWJ> Ditempatkan di antara karakter yang biasanya tidak terhubung agar karakter dapat dirender menggunakan bentuknya yang terhubung dalam bahasa tertentu. (Wikipedia).
U+FEFF Byte order mark <BOM> Digunakan pada awal skrip untuk menandainya sebagai Unicode dan urutan byte teks (Wikipedia).

White space

Karakter whitespace meningkatkan keterbacaan teks sumber dan memisahkan token-token. Karakter ini biasanya tidak diperlukan untuk fungsionalitas kode. Alat minifikasi sering digunakan untuk membuang whitespace agar mengurangi jumlah data yang perlu ditransfer.

Karakter-karakter whitespace
Kode Nama Singkatan Deskripsi

Rangkaian pelolosan/Escape

U+0009 Tabulasi karakter <HT> Tabulasi horisontal \t
U+000B Tabulasi baris <VT> Tabulasi vertikal \v
U+000C Form feed <FF> Karakter kontrol pemecah halaman (Wikipedia). \f
U+0020 Space <SP> Spasi normal  
U+00A0 No-break space <NBSP> Spasi normal, tetapi tidak ada petunjuk dimana baris terputus.  
Others Other Unicode space characters <USP> Spasi di Unicode on Wikipedia  

Terminator baris

Selain karakter whitespace, karakter terminator baris digunakan untuk meningkatkan keterbacaan teks sumber. Namun, dalam beberapa kasus, terminator baris dapat mempengaruhi eksekusi kode JavaScript karena ada beberapa tempat di mana mereka dilarang. Terminator baris juga mempengaruhi proses penyisipan titik koma otomatis. Terminator baris dicocokkan dengan kelas \s dalam regular expressions.

Hanya kode Unicode berikut yang diperlakukan sebagai terminator baris di ECMAScript, karakter pemecah baris lainnya diperlakukan sebagai whitespace (misalnya, Next Line, NEL, U+0085 dianggap sebagai whitespace).

Karakter-karakter terminator baris
Kode Nama Singkatan Deskripsi Rangkaian pelolosan/escape 
U+000A Line Feed <LF> Karakter baris baru di sistem UNIX. \n
U+000D Carriage Return <CR> Karakter baris baru di Commodore dan sistem Mac awal. \r
U+2028 Line Separator <LS> Wikipedia  
U+2029 Paragraph Separator <PS> Wikipedia  

Komentas

Komentar digunakan untuk menambahkan petunjuk, catatan, saran, atau peringatan ke kode JavaScript. Hal ini dapat mempermudah membaca dan memahami. Mereka juga dapat digunakan untuk menonaktifkan kode agar tidak dieksekusi; Ini juga dapat menjadi alat debugging yang berharga.

JavaScript memiliki dua cara untuk memberi komentar pada kodenya.

Cara pertama adalah komentar //; Ini membuat semua teks yang mengikutinya pada baris yang sama menjadi sebuah komentar. Sebagai contoh:

function komentar() {
  // Ini adalah komentar JavaScript satu baris
  console.log('Hello world!');
}
komentar();

Cara kedua adalah komentar gaya  /* */ , yang jauh lebih fleksibel.

Misalnya, Anda bisa menggunakannya dalam satu baris:

function komentar() {
  /* Ini adalah komentar JavaScript satu baris */
  console.log('Hello world!');
}
komentar();

Anda juga bisa membuat komentar beberapa baris, seperti ini:

function komentar() {
  /* Komentar ini merentang dalam beberapa baris. Perhatikan
     bahwa kita tidak perlu mengakhir komentar sebelum selesai. */
  console.log('Hello world!');
}
komentar();

Anda juga bisa menggunakannya di tengah baris, jika Anda mau, meskipun ini bisa membuat kode Anda lebih sulit dibaca sehingga harus digunakan dengan hati-hati:

function komentar(x) {
  console.log('Hello ' + x /* menysipkan nilai dari x */ + ' !');
}
comment('world');

Selain itu, Anda bisa menggunakannya untuk menonaktifkan kode agar tidak berjalan, dengan membungkus kode dalam komentar, seperti ini:

function comment() {
  /* console.log('Hello world!'); */
}
comment();

Dalam hal ini, pemaggilan console.log() tidak pernah dikeluarkan, karena itu ada di dalam komentar. Sejumlah baris kode dapat dinonaktifkan dengan cara ini.

Kata kunci

Reserved keywords as of ECMAScript 2015

Kata kunci akan datang yang dicadangkan

Berikut ini disediakan sebagai kata kunci akan datang menurut spesifikasi ECMAScript. Mereka tidak memiliki fungsi khusus saat ini, namun mungkin pada beberapa waktu mendatang, sehingga tidak dapat digunakan sebagai pengidentifikasi.

Selalu dicadangkan:

  • enum

Berikut ini hanya dicadangkan saat ditemukan dalam kode mode strict "ketat":

  • implements
  • interface
  • let
  • package
  • private
  • protected
  • public
  • static

Berikut ini hanya dicadangkan saat ditemukan dalam kode modul:

  • await

Kata kunci akan datang yang dicadangkan pada standar usang

Berikut adalah dicadankan sebagai kata kunci akan datang pada spesifikasi ECMAScript usang (ECMAScript 1 s/d 3).

  • abstract
  • boolean
  • byte
  • char
  • double
  • final
  • float
  • goto
  • int
  • long
  • native
  • short
  • synchronized
  • throws
  • transient
  • volatile

Selain itu literal-literal null, true, dan false tidak dapat digunakan sebagai pengidentifikasi didalam ECMAScript.

Penggunaan kata dicadangkan

Kata yang dicadangkan sebenarnya hanya berlaku untuk pengidentifikasi (vs. IdentifierNames ). Seperti yang dijelaskan di es5.github.com/#A.1, ini semua adalah IdentifierNames yang tidak mengecualikan ReservedWords .

a.import
a['import']
a = { import: 'test' }.

Di sisi lain, hal-hal berikut ini ilegal karena ini adalah pengidentifikasi, yaitu IdentifierName tanpa kata-kata yang dicadangkan. Pengidentifikasi digunakan untuk FunctionDeclaration dan FunctionExpression.

function import() {} // Illegal.

Literal

Literal null

Lihat juga null untuk informasi lebih lanjut.

null

Literal Boolean

Lihat juga Boolean untuk informasi lebih lanjut.

true
false

Literal numerik

Decimal

1234567890
42

// Waspada saat mengunakan nol dimuka:
0888 // 888 diuraikan sebagai desimal
0777 // diuraikan sebagai oktal, 511 dalam desimal

Perhatikan bahwa literal desimal dapat dimulai dengan angka nol ( 0 ) diikuti oleh digit desimal lainnya, namun jika semua digit setelah angka 0 teratas lebih kecil dari 8, angka tersebut diartikan sebagai angka oktal. Ini tidak akan melempar JavaScript, lihat bug 957513. Lihat juga halaman tentang parseInt().

Biner

Sintaksis bilangan biner menggunakan nol dimuka diikuti huruf kecil atau huruf besar Latin "B" ( 0b atau 0B ). Karena sintaksis ini baru di ECMAScript 2015, lihat tabel kompatibilitas browser, di bawah ini. Jika digit setelah 0b tidak 0 atau 1, SyntaxError berikut dilempar: "Missing binary digits after 0b".

var FLT_SIGNBIT  = 0b10000000000000000000000000000000; // 2147483648
var FLT_EXPONENT = 0b01111111100000000000000000000000; // 2139095040
var FLT_MANTISSA = 0B00000000011111111111111111111111; // 8388607

Oktal

Sintaksis bilangan oktal menggunakan nol dimuka diikuti huruf kecil atau huruf besar Latin "O" ( 0o atau 0O). Karena sintaks ini baru di ECMAScript 2015, lihat tabel kompatibilitas browser, di bawah ini. Jika digit setelah 0o berada di luar kisaran (01234567), SyntaxError berikut dilempar: "Missing octal digits after 0o".

var n = 0O755; // 493
var m = 0o644; // 420

// Juga dimungkinkan hanya menggunakan nol dimuka (lihat tentang desimal diatas)
0755
0644

Heksadesimal

Sintaksis bilangan heksadesimal menggunakan nol dimuka diikuti huruf kecil atau huruf besar Latin "X" ( 0x atau 0X). Jika digit setelah 0x berada di luar rentang (0123456789ABCDEF), SyntaxError berikut dilempar: "Identifier starts immediately after numeric literal".

0xFFFFFFFFFFFFFFFFF // 295147905179352830000
0x123456789ABCDEF   // 81985529216486900
0XA                 // 10

Literal objek

Lihat juga Objek and Penginisialisasi objek untuk informasi lebih lanjut.

var o = { a: 'foo', b: 'bar', c: 42 };

// notasi singkat. baru di ES2015
var a = 'foo', b = 'bar', c = 42;
var o = {a, b, c};

// bukannya
var o = { a: a, b: b, c: c };

Literal array

Lihat juga Array untuk informasi lebih lanjut.

[1954, 1974, 1990, 2014]

Literal string

'foo'
"bar"

Rangkaian pelolosan/escape heksadesimal

'\xA9' // "©"

Rangkaian pelolosan/escape Unicode

Rangkaian pelolosan Unicode memerlukan setidaknya empat karakter diawali \u.

'\u00A9' // "©"

Pelolosan kode Unicode

Baru di ECMAScript 2015. Dengan pelolosan kode Unicode, tiap karakter dapat diloloskan menggunakan bilangan hexadesimal jadi dimungkinkan untuk menggunkan kode Unicode sampai 0x10FFFF. Dengan pelolosan Unicode sederhana terkadang lebih dibutuhkan untuk menulis bagian pengganti secara terpisah untuk mencapai tujuan yang sama.

Lihat juga String.fromCodePoint() atau String.prototype.codePointAt().

'\u{2F804}'

// ekuivalen dengan pelolosan Unicode sederhana
'\uD87E\uDC04'

Literal regular expression

Lihat juga RegExp untuk informasi lebih lanjut.

/ab+c/g

// Suatu literal "kosong" regular expression
// diperlukan grup bukan penangkap
// untuk menghindarkan ambiguitas denga komentar satu baris
/(?:)/

Literal template

Lihat juga template strings untuk informasi lebih lanjut.

`string text`

`string text baris 1
 string text baris 2`

`string text ${expression} string text`

tag `string text ${expression} string text`

Penyisipan titik koma otomatis

Beberapa pernyataan JavaScript harus diakhiri dengan titik koma an oleh karena itu dipengaruhi oleh penyisipan otomatis semicolon (ASI):

  • Pernyataan kosong/empty
  • Pernyataan variabel let, const
  • Deklarasi modul import, export
  • Pernyataan ekspresi
  • debugger
  • continue, break, throw
  • return

Spesifikasi ECMAScript menyebutkan tiga aturan penyisipan titik koma.

1.  Titik koma disisipkan sebelumnya, bila terminator baris or "}" diteramukan yang tidak diizinkan oleh tata bahasa.

{ 1 2 } 3 

// di transformasikan ke ASI kedalam

{ 1 2 ;} 3;

2.  Titik koma disisipkan di bagian akhir, saat akhir aliran input token terdeteksi dan parser tidak dapat mengurai aliran input tunggal aliran sebagai program yang lengkap.

Disini ++ tidak diperlakukan sebagai operator postfix yang menerapkan variabel b, karena terminator baris terjadi antara b dan ++.

a = b
++c

// di transformasikan ke ASI kedalam

a = b;
++c;

3. Titik koma disisipkan pada akhirnya, ketika sebuah pernyataan dengan produksi terbatas dalam tata bahasa diikuti oleh terminator baris. Pernyataan-pernyataan ini dengan aturan "tidak diperlukan terminator baris" adalah:

  • PostfixExpressions (++ and --)
  • continue
  • break
  • return
  • yield, yield*
  • module
return
a + b

// di transformasikan ke ASI kedalam

return;
a + b;

Specifications

Specification Status Comment
ECMAScript 1st Edition (ECMA-262) Standard Definisi awal.
ECMAScript 5.1 (ECMA-262)
The definition of 'Lexical Conventions' in that specification.
Standard  
ECMAScript 2015 (6th Edition, ECMA-262)
The definition of 'Lexical Grammar' in that specification.
Standard

Ditambahkan: Literal Bilangan Biner dan Octal, pelolosan kode Unicode, Templates

ECMAScript Latest Draft (ECMA-262)
The definition of 'Lexical Grammar' in that specification.
Draft  

Browser compatibility

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Dukungan dasar (Yes) (Yes) (Yes) (Yes) (Yes) (Yes)
Literal numerik biner dan oktal (0b dan 0o) 41 12 25 (25) ? 28 9
Pelolosan kode Unicode (\u{}) 44 12 40 (40) No support 31 9
Notasi singkat untuk literal objek 43 12 33 (33) No support 30 9
Literal template 41 12 34 (34) No support 28 9
Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Dukungan dasar (Yes) (Yes) (Yes) (Yes) (Yes) (Yes)
Literal numerik biner dan oktal (0b dan 0o) ? 41 33.0 (33) ? ? ?
Pelolosan kode Unicode (\u{}) ? ? 40.0 (40) ? ? ?
Notasi singkat untuk literal objek No support No support 33.0 (33) No support No support No support
Literal template No support No support 34.0 (34) No support No support No support

Firefox-specific notes

  • Sebelum Firefox 5 (JavaScript 1.8.6), kata kunci dicadangkan akan datang dapat digunakan saat tidak menggunakan mode strict. Pelanggaran ECMAScript ini telah diperbaiki di Firefox 5.

See also

Tag Dokumen dan Kontributor

 Kontributor untuk laman ini: sori-goklas-hutagalung
 Terakhir diperbarui oleh: sori-goklas-hutagalung,