ApeeScapen nopea ja käytännöllinen JavaScript-huijauslehti: ES6 ja sen ulkopuolella

Vakiot

anna vs var

> const EULER = 2,7182818284
> EULER = 13
> EULER
> 2.7182818284

> var keskiarvo = 5
> var keskiarvo = (keskiarvo + 1) / 2
> keskiarvo
> 3
> anna arvo = ‘hei maailma’
> anna arvo = ‘mitä uutta’
// -> heittää TypeError: Tunnisteen 'arvo' on jo ilmoitettu

Varoitus! Jos matriisi tai objekti, viite pidetään vakiona. Jos vakio viittaa objektiin, voit silti muokata sisältöä, mutta älä koskaan muuta muuttujaa.

> vakio VAKIO = []
> VAKIOT.push (EULER)
> VAKIOT
> [2.7182818284]
> PYSYVÄT = {'euler': 2.7182818284}
> VAKIOT
> [2.7182818284]

Ole tietoinen Ajalliset kuolleet alueet :

> console.log (val)// -> 'määrittelemätön'
> var val = 3
> console.log (val)// -> 3

Koska se vastaa:

Binaari-, oktaali- ja kuusiomerkintä

> oli valinta
> console.log (val)
> val = 3
> console.log (val)

> 0b1001011101// 605
> 0o6745// 3557
> 0x2f50a// 193802

Muuttujia, jotka on ilmoitettu merkinnällä 'let / const', ei nosteta:

Uudet tyypit

> console.log (val)
// -> Heittää ReferenceErrorin
> anna val = 3
> console.log (val) // -> 3

Symbolit, kartat, heikot kartat ja joukot

Nuolitoiminto

Uudet laajennetut toiminnot

> setTimeout (() => {
& hellip; console.log (’viivästynyt’)
& hellip; }, 1000)

> {
& hellip; anna cue = 'Luke, minä olen sinun isäsi'
& hellip; console.log (vihje)
& hellip; }
> 'Luke, minä olen sinun isäsi'

Vastaa nimetöntä toimintoa

Vastaava välittömästi kutsuttujen funktiolausekkeiden (IIFE) kanssa

> setTimeout (funktio () {
& hellip; console.log (’viivästynyt’)
& hellip; } .bind (tämä), 1000)

> (funktio () {
& hellip; var cue = 'Luke, minä olen sinun isäsi' & hellip; console.log (vihje) // 'Luke, minä olen -
& hellip; } ())
> console.log (vihje) // Viitevirhe

Kohteen merkinnän uutuudet

Merkkijonointerpolaatio, mallikirjastojen ansiosta

// Lasketut ominaisuudet
> let key = uusi päivämäärä (). getTime ()
> anna obj = {[avain]: 'arvo'}
> obj
> {'1459958882881': 'arvo'}

// Objektikirjaimet
ilmapallo = {väri, koko};

// Sama kuin
ilmapallo = {
väri: väri,
koko: koko

}

// Paremmat menetelmämerkinnät
obj = j
foo (a, b) {& hellip; },
palkki (x, y) {& hellip; }
}

> const name = 'Tiikeri'
> vakioikä = 13
> console.log(`` Kissani on nimeltään $ {name} ja $ {age} vuotta vanha. ')
> Kissani on nimeltään Tiger ja 13-vuotias.

// Voimme säilyttää uudet rivit & hellip;
päästääteksti = (`kissa
koira
Nickelodeon
)

Oletusparametrit

> funktio howAreYou (answer = ’ok’) {
console.log (vastaus) //todennäköisestiOk
}

Lupaukset

Luokat, perintö, setterit, getters

uusi lupaus ((ratkaise, hylkää) => {
request.get (url, (virhe, vastaus,
body) => {
if (body) {
ratkaista (JSON.parse (body));
} muu {
ratkaista({});
}
})
sitten (() => {...})
.catch ((err) => heittää virhe)

// Rinnakkaistaa tehtävät
Promise.all ([
lupaus1, lupaus2, lupaus3
sitten (() => {
// kaikki tehtävät ovat valmiit
})

luokan suorakulmio laajentaa muotoa {
konstruktori (id, x, y, w, h) {
super (id, x, y)
tämä. leveys = w
tämä. korkeus = h
}
// Getter ja setter
aseta leveys (w) {this._width = w}
hae leveys () {palauta tämä ._leveys}
}

luokan ympyrä laajentaa muotoa {
konstruktori (id, x, y, säde) {
super (id, x, y)
tämä. säde = säde
}
do_a(x) {
olkoon a = 12;
super.do_a (x + a);
}
staattinen do_b () {...}
}
Circle.do_b ()

Uudelleenjärjestelytaulukot

Objektien uudelleenjärjestely

> anna [a, b, c, d] = [1, 2, 3, 4];
> console.log (a);
> 1
> b
> 2

> anna luke = {ammatti: 'jedi',
isä: 'anakin'}
> anna {ammatti, isä} = lukea
> console.log (ammatti, isä)
> jedi anakin

Levitysoperaattori

... Mene rakenneuudistukseen kuin pomo

// Muuta taulukot pilkuilla erotettuna
// arvot ja enemmän
> funktion kirjaaja (... argumentti) {
console.log (’% s argumentit’,
args.pituus)
args.forEach (konsoli.log)
// arg [0], arg [1], arg [2]
}

> const [kissa, koira, ... kala] = [
”Schroedinger”, ”Laika”, “Nemo”, “Dori”]
> kala// -> [’Nemo’, ’Dori’]

Tai tehdä parempi työntö

... Ja rakennemuutos tulevaisuudessa ES7

> anna arr = [1, 2, 3]
> [... arr, 4, 5, 6]
> [1, 2, 3, 4, 5, 6]

{a, b, ... lepo} = {a: 1, b: 2, c: 3, d: 4}

Async ES7

Odota ES7

asynkronointitoimintoschrodinger() {
palauta uusi lupaus ((ratkaise, hylkää)
=> {
const tulos = Matem.satunnainen> 0.5
setTimeout (() => {
palaa tulos? päättäväinen (’elossa’)
: hylkää (’kuollut’)
})
})
}

yrittää {
console.log (odota schrodinger ())
// -> 'elossa'
} saalis (virhe) {
console.log (virhe)
// -> 'kuollut'
}

Vie ES7

ES7: n tuominen

vientifunktio sumTwo (a, b) {
palauta a + b;
}
vientivakio EULER = 2,7182818284
anna tavaraa = {sumTwo, EULER}
vie {tavaraa oletuksena}

tuo React 'reagoida'
tuo {EULER} tiedostosta ./myexports
tuoda * tavarana tiedostosta ”./myexports”
// vastaa
tuoda tavaraa osoitteesta ./myexports
// {sumTwo, EULER}

Generaattorit

Nepalauta objekti, joka toteuttaa iterointiprotokollan. ts. sillä on seuraava () -menetelmä, joka palauttaa arvon {value:, done:}.

function * incRand (max) {// Asterisk määrittelee tämän generaattoriksi
while (tosi) {
// Keskeytä suoritus tuoton jälkeen, jatka
// kun seuraava () kutsutaan
// ja määritä x: lle
olkoon x = tuotto Math.floor (Math.random () * max + 1);
max + = x;
}
}

> var rng = incRand (2) // Palauttaa generaattoriobjektin
> rng.next () // {arvo:, valmis: väärä}
> rng.next (3) // kuten yllä, mutta välillä 1 ja 5
> rng.next () // NaN, koska 5 + määrittelemätön johtaa NaN: ään
> rng.next (20) // Kukaan ei odottanut NaN: ää uudelleen?
> rng.throw (uusi virhe ('generaattorin tilaa ei voida palauttaa.'))
// Heitetään tuotosta