JavaScript ES6

Mikä on ECMAScript 6?

ECMAScript 6 tunnetaan myös nimellä ES6 ja ECMAScript 2015.

Jotkut kutsuvat sitä JavaScript 6:ksi.

Tämä luku esittelee joitakin uusia ominaisuuksia ES6:ssa.

  • JavaScript let
  • JavaScript const
  • Potenssi (**)
  • Oletusarvot
  • Array.find()
  • Array.findIndex()

ES6 (ECMAScript 2015) selaimen tuki

Safari 10 ja Edge 14 olivat ensimmäiset selaimet, jotka tukivat täysin ES6:ta:

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

JavaScript let

let-lauseke antaa sinulle mahdollisuuden määrittää muuttujia lohko-ala-alueella.

Esimerkki

var x = 10;
// Tässä x on 10
{ 
  let x = 2;
  // Tässä x on 2
}
// Tässä x on 10

Kokeile itse

JavaScript const

const Lause taustalla antaa sinulle mahdollisuuden määrittää vakioita (vakioarvoisia JavaScript-muuttujia).

Vakiot ovat samanlaisia let Muuttujat, mutta niiden arvoa ei voi muuttaa.

Esimerkki

var x = 10;
// Tässä x on 10
{ 
  const x = 2;
  // Tässä x on 2
}
// Tässä x on 10

Kokeile itse

Käy JavaScript Let / Const Lue lisää let ja const sisältö.

Potenssialgoritmi

Potenssimerkki (**）Nosta ensimmäinen operaattori toisen operaattorin potenssiksi.

Esimerkki

var x = 5;
var z = x ** 2;          // Tulos on 25

Kokeile itse

x ** y tuloksena Math.pow(x,y) Sama:

Esimerkki

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

Kokeile itse

Oletusarvot

ES6 Funktioparametrit voivat olla oletusarvoisia.

Esimerkki

function myFunction(x, y = 10) {
  // y on 10, jos sitä ei ole annettu tai se on undefined
  return x + y;
}
myFunction(5); // Palauttaa 15

Kokeile itse

Array.find()

find() Metodi palauttaa ensimmäisen testifunktion määrittämän taulukon elementin arvon.

Tämä esimerkki etsii (palauttaa) ensimmäisen yli 18 olevan elementin (arvon):

Esimerkki

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

Kokeile itse

Huomaa, että tämä funktio hyväksyy 3 parametria：

  • Kohteen arvo
  • Kohteen indeksi
  • Taulukko itsessään

Array.findIndex()

findIndex() Metodi palauttaa ensimmäisen testifunktion määrittämän taulukon elementin indeksin.

Tämä esimerkki määrittää ensimmäisen yli 18 olevan elementin indeksin：

Esimerkki

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

Kokeile itse

Huomaa, että tämä funktio hyväksyy 3 parametria：

  • Kohteen arvo
  • Kohteen indeksi
  • Taulukko itsessään

Uudet luku-ominaisuudet

ES6 lisäsi seuraavat ominaisuudet Number-objektiin：

  • EPSILON
  • MIN_SAFE_INTEGER
  • MAX_SAFE_INTEGER

Esimerkki

var x = Number.EPSILON;

Kokeile itse

Esimerkki

var x = Number.MIN_SAFE_INTEGER;

Kokeile itse

Esimerkki

var x = Number.MAX_SAFE_INTEGER;

Kokeile itse

Uudet luku-metodit

ES6 lisäsi 2 uutta metodia Number-objektiin：

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

Number.isInteger() 方法

Jos parametri on kokonaisluku, niin Number.isInteger() menetelmä palauttaa true.

Esimerkki

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

Kokeile itse

Number.isSafeInteger() 方法

Turvalliset kokonaisluvut ovat kokonaislukuja, jotka voidaan tarkasti ilmaista kaksinkertaisella tarkkuudella.

Jos parametri on turvallinen kokonaisluku, niin Number.isSafeInteger() menetelmä palauttaa true.

Esimerkki

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

Kokeile itse

Turvalliset kokonaisluvut ovat kaikki kokonaisluvut, jotka ovat välillä -(253 - 1) ja +(253 - 1).

Tämä on turvallista: 9007199254740991. Tämä ei ole turvallista: 9007199254740992。

Uudet globaalit metodit

ES6 lisäsi 2 uutta globaalia luku-metodia：

  • isFinite()
  • isNaN()

isFinite() 方法

Jos parametri on Infinity tai NaNjoka on isFinite() Metodi palauttaa false。

Muussa tapauksessa palauttaa true：

Esimerkki

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

Kokeile itse

isNaN() 方法

jos parametri on NaNjoka on isNaN() menetelmä palauttaa true. Muussa tapauksessa palauttaa false:

Esimerkki

isNaN("Hello");       // Palauttaa true

Kokeile itse

viivakirjoitusalgoritmi (Arrow Function)

viivakirjoitusalgoritmit mahdollistavat lyhyen syntaksin käyttämisen funktioilmaisujen kirjoittamiseen.

sinun ei tarvitse function avainsanat,return avainsanat sekäsulkeet.

Esimerkki

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

Kokeile itse

viivakirjoitusalgoritmit eivät omaa this. Ne eivät ole sopiviaobjektitapahtumat.

viivakirjoitusalgoritmi ei ole nostettu. Ne on käytettäväedessämäärittämiseen.

käytetään const verrattuna var turvallisempi, koska funktioilmaisu on aina vakioarvo.

Jos funktio on yksittäinen lauseke, sitä ei voi jättää pois return Avainsanat ja sulkeet. Siksi niiden säilyttäminen voi olla hyvä tapa:

Esimerkki

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

Kokeile itse