JavaScript ES6

Apa itu ECMAScript 6?

ECMAScript 6 juga disebut ES6 dan ECMAScript 2015.

Beberapa orang menyebutkannya JavaScript 6.

Chapters ini mendiskusikan beberapa fitur baru di ES6.

  • JavaScript let
  • JavaScript const
  • Pangkat (**)
  • Nilai Standar Parameter
  • Array.find()
  • Array.findIndex()

Dukungan browser untuk ES6 (ECMAScript 2015)

Safari 10 dan Edge 14 adalah browser yang pertama kali sepenuhnya mendukung ES6:

Chrome 58 Edge 14 Firefox 54 Safari 10 Opera 55
Jan 2017 Aug 2016 Mar 2017 Jul 2016 Aug 2018

JavaScript let

Perintah let memungkinkan Anda mendeklarasikan variabel dengan lingkungan blok.

Contoh

var x = 10;
// Di sini x adalah 10
{ 
  let x = 2;
  // Di sini x adalah 2
}
// Di sini x adalah 10

Coba Sendiri

JavaScript const

const Perintah yang memungkinkan Anda mendeklarasikan konstan (variabel JavaScript dengan nilai konstan).

Konstan mirip dengan let Variabel, tetapi nilai tidak dapat diubah.

Contoh

var x = 10;
// Di sini x adalah 10
{ 
  const x = 2;
  // Di sini x adalah 2
}
// Di sini x adalah 10

Coba Sendiri

di JavaScript Let / Const Baca lebih banyak tentang let dan const isi.

Operator eksponensial

Operator pengambilan tahap (**mengangkat operand pertama ke tahap kuadrat dari operand kedua.

Contoh

var x = 5;
var z = x ** 2;          // hasilnya 25

Coba Sendiri

x ** y hasilnya dengan Math.pow(x,y) Sama seperti:

Contoh

var x = 5;
var z = Math.pow(x,2);   // hasilnya 25

Coba Sendiri

Nilai Standar Parameter

ES6 Fungsi parameter dapat memiliki nilai standar.

Contoh

function myFunction(x, y = 10) {
  // y adalah 10 jika tidak disi atau undefined
  return x + y;
}
myFunction(5); // akan mengembalikan 15

Coba Sendiri

Array.find()

find() Metoden mengembalikan nilai elemen array pertama yang disaring melalui fungsi tes.

Contoh mencari (mengembalikan) elemen pertama yang lebih besar dari 18 (nilai):

Contoh

var numbers = [4, 9, 16, 25, 29];
var first = numbers.find(myFunction);
function myFunction(value, index, array) {
  return value > 18;
}

Coba Sendiri

Perhatikan bahwa fungsi ini menerima 3 parameter:

  • Nilai item
  • Indeks item
  • Array itu sendiri

Array.findIndex()

findIndex() Metoden mengembalikan indeks elemen array pertama yang disaring melalui fungsi tes.

Contoh ini menentukan indeks pertama yang lebih besar dari 18:

Contoh

var numbers = [4, 9, 16, 25, 29];
var first = numbers.findIndex(myFunction);
function myFunction(value, index, array) {
  return value > 18;
}

Coba Sendiri

Perhatikan bahwa fungsi ini menerima 3 parameter:

  • Nilai item
  • Indeks item
  • Array itu sendiri

Properti angka baru

ES6 menambahkan properti berikut ke objek Number:

  • EPSILON
  • MIN_SAFE_INTEGER
  • MAX_SAFE_INTEGER

Contoh

var x = Number.EPSILON;

Coba Sendiri

Contoh

var x = Number.MIN_SAFE_INTEGER;

Coba Sendiri

Contoh

var x = Number.MAX_SAFE_INTEGER;

Coba Sendiri

Metode angka baru

ES6 menambahkan 2 metode baru ke objek Number:

  • Number.isInteger()
  • Number.isSafeInteger()

Metode Number.isInteger()

Jika parameter adalah bilangan bulat, maka Number.isInteger() Metode mengembalikan true.

Contoh

Number.isInteger(10);        // Mengembalikan true
Number.isInteger(10.5);      // Mengembalikan false

Coba Sendiri

Metode Number.isSafeInteger()

Angka yang aman dapat diwakili dengan akurat sebagai bilangan double.

Jika parameter adalah angka yang aman, maka Number.isSafeInteger() Metode mengembalikan true.

Contoh

Number.isSafeInteger(10);    // Mengembalikan true
Number.isSafeInteger(12345678901234567890);  // Mengembalikan false

Coba Sendiri

Angka yang aman adalah semua bilangan bulat dari -(253 - 1) hingga +(253 - 1).

Ini adalah yang aman: 9007199254740991. Ini adalah yang tidak aman: 9007199254740992.

Metode global baru

ES6 menambahkan 2 metode angka global baru:

  • isFinite()
  • isNaN()

Metode isFinite()

Jika parameter adalah Infinity atau NaNjika global isFinite() Metode mengembalikan false.

Jika tidak, kembalikan true:

Contoh

isFinite(10/0);       // Mengembalikan false
isFinite(10/1);       // Mengembalikan true

Coba Sendiri

Metode isNaN()

jika parameter adalah NaNjika global isNaN() Metode mengembalikan true. Jika tidak, kembalikan false:

Contoh

isNaN("Hello");       // Mengembalikan true

Coba Sendiri

Fungsi Panah (Arrow Function)

Fungsi panah memungkinkan penggunaan sintaks singkat untuk menulis ekspresi fungsi.

Anda tidak perlu function Kata kunci,return Kata kunci sertaKurung kurawal.

Contoh

// ES5
var x = function(x, y) {
   return x * y;
}
// ES6
const x = (x, y) => x * y;

Coba Sendiri

Fungsi panah tidak memiliki this. Mereka tidak cocok untuk mendefinisikanMetode objek.

Fungsi panah belum diangkat. Mereka harus digunakanSebelumdengan

Didefinisikan const Dibandingkan dengan penggunaan var Lebih aman, karena ekspresi fungsi selalu adalah nilai konstan.

Jika fungsi adalah hanya satu perintah, maka dapat dilewati return Kata kunci dan kurung kurawal. Jadi, mempertahankan mereka mungkin adalah hal yang baik:

Contoh

const x = (x, y) => { return x * y };

Coba Sendiri