, het gebruik van ecmascript 6 vandaag,,,,,,,,,, 45, aandelen, 274,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen.,, vandaag, ecmascript 6 in het productieproces.Ecmascript javascript basis, dus de functie van vandaag betekent ook dat we een stealth piek op hoe we in de nabije toekomst zal de voorbereiding van javascript.In dit verslag zullen wij over tien nieuwe kenmerken van de instrumenten, een belangrijk aandachtspunt, browsers en transpilers.,,, en een korte geschiedenis: ECMA, ecmascript en javascript javascript, oorspronkelijk door Brendan het Netscape ontwikkeld, en gepubliceerd in deel 2 van 1995 Netscape Navigator.Een jaar later, javascript is voorgelegd aan de internationale normen zoals, als de informatie - en communicatietechnologie en consumentenelektronica, dus het kan vormen van de wijsheid van de industrie.Dus, ecmascript, een script voor normen in de naam, ecmascript ECMA - 262. Vele andere afgeleide criteria vormen de ruggengraat van de taal, met inbegrip van behandelingen en gebruikt.In de loop van de jaren, ecmascript hebben vier versie, en vandaag is de discussie rond de zesde versie, die ook was, ecmascript harmonie, versie van de overeenkomstige, voor we in deze nieuwe elementen, moet worden opgemerkt dat de normen vormen de basis van de ecmascript javascript is heel belangrijk.Er is elke javascript versie en de overeenkomstige numerieke verschillen tussen de ecmascript versie.Dit is de taal is ecmascript normen verenigbaar is, en tegelijkertijd voor meer functies.De volgende tabel geeft een overzicht van de betrekkingen tussen de ecmascript javascript en javascript versie:,,, ecmascript versie 1.1, het jaar 1997, javascript ecmascript versie 1 1,5 3 1999 javascript javascript ecmascript versie 2 van de voortgang van de werkzaamheden ecmascript harmonie, de doelstellingen ES6, sinds bijna twintig jaar geleden, javascript begon een lange weg afgelegd.Vandaag, de ontwikkeling van het personeel van de duizenden regels schrijven voor het creëren van ingewikkelde javascript aanvragen.We duiken in de gedetailleerde functionele ES6, wil je misschien even in de definitie van grote foto 's van de ontwerp - normen, van de behoeften, doelstellingen, middelen en thema' s.Een 6 is gericht op het creëren van een betere woorden:,, complexe toepassing, bibliotheek, Code Generator, 6, compatibiliteit, verenigbaar is met de tabel is zeer nuttig, omdat het ons vertellen, bij de huidige stand van de browser van 6 kenmerken.Het geeft ons ook een geschikte banden voor elke functie van de specificaties vermeld.Let op, het bestaan van bepaalde functies mogelijk is, betekent dat niet dat volledig in overeenstemming is met de specificaties.Het gebruik van chroom, om er zeker van te zijn dat de experimentele javascript "teken van de functie,., nu een grote foto van definities, laten we onderzoeken hoe we ze kunnen bereiken.In de volgende hoofdstukken, zullen we het hebben over de functie van ES6 tien, het gebruik van verschillende instrumenten kunnen we leren ES6 in de theoretische en praktische aspecten.De voorwaarde van voorafgaande kennis javascript is, dus controleer altijd veel middelen en javascript.De volgende lijst van kenmerken, zullen we met verschillende instrumenten.Ze proberen een voor een, of naar de specifieke functie, wil je naar de reikwijdte:,, blokken, laat het gebruik van de firefox [], de omvang van het blok, totaal gebruik chroom, [], [naam] het gebruik van standaard parameters, met gebruik van NodeJS [] [van] de schrijfmachine. Zal het gebruik van de firefox [] en andere parameters & het gebruik van gollem plug - in naam] [verspreiding van een exploitant, gebruik de firefox is [], [...] - Begrip gebruik van de firefox, module (gebruik van ES6 module transpiler), het toepassingsgebied van blok 1, functie, Laat, laat,,,,,, de firefox instrumenten: document: de browser 20: instrumenten menu > > webontwikkelaar > web - Console, javascript variabele reikwijdte.Dit betekent dat, zelfs als er in een nest blok in de verklaring van variabelen, die de functie kan worden gebruikt.Laten we terug gaan naar een kort voorbeeld, zullen wij in het kort de browser of in de browser console.Wat denk je dat de waarde van jsfuture,???????Geen werk, jsfuture = "6"; (functie) (als (!Jsfuture) {VAR jsfuture = "ES5";} console log (jsfuture);}); ('), in dit geval de waarde, jsfuture,, console. Log, de verklaring zal "ES5".Je begrip is van essentieel belang dat in de verklaring in de zeer variabele zijn, naar de top, maar de initialisatie van de variabele, aan de andere kant, nee.Dus, waar is gestart en verklaringen in het kader van, in functie, zullen ze voor eeuwig hangen.De volgende code is precies dezelfde opmerkingen over deze variabelen te verbeteren, jsfuture = "6"; var (functie) (//////////////jsfuture = var. De definitie van variabelen; bevordering van als (!Jsfuture) {VAR jsfuture = "ES5";} console log (jsfuture "); ///////ES5") ()); 6. De oplossing van het probleem, dat,, het is hetzelfde, var, maar in feite is het blok functie binnen het bereik van het toepassingsgebied te vervangen.Laten we dan met een ander voorbeeld volgt.De functie van (6) (), zal de waarde van de voor ons, i = 10.Merkt op dat, zelfs als ik = 0, in "," voor de cyclus, de werkingssfeer, de mondiale standaard voor me.Dus, als de functie, ES [6] (tenuitvoerlegging), is de waarde van de mijn, 10,,,, var, ES = [...]; (VAR i = 0; ik < 10; I + +) (ES [M] = functie () {console logboek ("aanstaande ecmascript is ES + M);};) is [6] (); ///////ecmascript komende uitgave is es10,, laten we nu, laat het.De code is, zullen we de firefox open web - console via menu 's (instrumenten > webontwikkelaar > web - console).Het creëren van een stuk van de variabelen in de ring, C =, laat ik, om het toepassingsgebied van dat blok; var, ES = [...]; (VAR i = 0; ik < 10; c = I + +) (laat me; ES [M] = functie () {console log (". Publikatie van ecmascript is ES + C);};) is [6] (); ///////ecmascript is komende versie 6,, firefox heeft steun veel de komende 6 kenmerken.Verwijst naar het voldoen aan de in tabel firefox bijgewerkt is de functie van de steun, welke in overeenstemming is met de bestaande normen, 2 blokken, de functie van een dossier,,,,, een instrument, chroom, om > > ontwikkelaars > javascript Console, constante definitie mogelijk maken, totaal.Dat, en een totaal, hetzelfde gedrag, in zekere zin, is het toepassingsgebied van een blok, maar,,, de waarde van de Read - only, niet opnieuw een aanvraag indienen.Laten we bij de herziening van de code chroom een eenvoudig voorbeeld:,, de kenmerken van categorie 3, documenten,,,,, - instrumenten: chroom > traceur; > ontwikkelaar > javascript console in de programmeertaal, een soort van, het is een voorwerp dat.Het is een blauwdruk van een object, is een voorbeeld van een klasse.Met betrekking tot de javascript. Het is een soort van taal, alles is een voorwerp.De traditionele, gebruiken we het functioneren en het prototype.Laten we naar de verwezenlijking van de in de ES5 klasse van een gemeenschappelijke methode voor de functie van de taal, var. (-) {} = config.name; this.founder = config.founder; this.year = config.year;}; language.prototype.summary = (() {terugkeer} + "vervangen door" + this.founder + "+ this.year;}, Laten we; kijk hoe de uitvoering van ten minste klasse 6 verklaring, kan een onderscheid worden gemaakt tussen categorieën en functionele uiterst belangrijk.Code, het gebruik van 6 grammatica, gebruiken we de naam van Google, dit is een transpiler de opstelling van een code in de ES5 ES6.Laten we eerst de structuur: //europa.eu.int /comm /document, waarin wij zullen de opneming van klasse 6 grammatica.Voor de opstelling van een code, wat we nodig hebben, traceur.js, opgesteld voor de javascript traceur, en bootstrap.js, neem ze allemaal.Tot slot, traceur zoekt, SCRIPT type = "tekst /", schrijf de code van de etikettering in de etikettering naar vanille javascript <.Doctype html> < html> < head> < title> ES6 Classes< /title> < script src = "https://traceur-compiler.googlecode.com/git/bin/traceur.js" > < /script> < script src = "https traceur-compiler.googlecode.com/git/src/bootstrap.js" > < /script> < /head> < body> < script type = "text/traceur" > ///////ES6 wordt code < /script> < /body> < /html>, de volgende, in het script type = "text/traceur", het gebruik van de ES6, labels, zullen we naar dezelfde klasse als syntaxis die we previously heb voor, taal,., klasse Language (fabrikant (naam, de oprichter, jaar) {} = naam en this.founder = oprichter; this.year = jaar;} samenvatting () {} + terugkeer ".Is this.founder + "door" + + this.year;}}, kunnen we nu tot een soort taal, een voorbeeld van de documenten door het openen van: //europa.eu.int /comm /in chroom, var js = nieuwe taal.In de console, dan zien we dat de taal van de andere eigenschap.,, een duidelijke verklaring dat de grammatica, kunnen we ook verder uit te breiden tot dit soort subcategorieën, meta - talen, zal de erfenis van de moedermaatschappij van alle eigenschappen, de taal, de.De fabrikant moet functioneren binnen, en we zullen dit, super, bel de ouders van de fabrikant worden, zodat het kan erven alle attributen.Tot slot, kunnen we ook nog aanvullende kenmerken, zoals bijvoorbeeld versie, zoals blijkt uit de volgende code.Laten we de herziening van 6 grammatica en de werking van de uitbreiding van de taal in chroom meta - talen: (fabrikant (x, Y, versie) {Super (x, Y, Z); this.version = versie;}}, is een nuttige transpiler toestemming voor het gebruik van 6 - code, en we stellen De huidige versie van het terug doen javascript.Je kan het proberen in de traceur ES6 functies en andere.4. De functie van de standaard functies, parameters, documenten, de standaard functies, instrumenten, de schrijfmachine, 0.8.3, standaard parameters van de functie, kunnen we door de vaststelling van een functionele parameters voor de standaard optie.Deze kenmerken in de 6 grammatica is erg intuïtief.De definitie van de omschrijving van de functie van de standaard parameters.Laten we kijken naar de volgende 6 grammatica in een nieuwe uitbreiding van de log files. Ts, de geschiedenis, de functie van ("C", een jaar lang = = 1972) {terug lang + "is het creëren van jaar op jaar;"), is de volgende stap, zullen we de installatie van een nieuwe module en de werking van de schrijfmachine het dossier van TS, * * * * * * *, en het opstellen van het vanille javascript.Hier is de installatie dan op commando van het commando: installatie - G - $0.8.3 NPM zien typen versie TSC 4-default-params. Ts, bevel van boven creëert een vanille javascript dossier, dat 4-default-params. Js, dan kan van een: //europa.eu.int /comm /document.Hier is een makkelijke: //europa.eu.int /comm /dossier, dat is gecreëerd door de samensteller van externe javascript documenten: documenten, <.Doctype: //europa.eu.int /comm /> < http: //europa.eu.int = "en" > < hoofd > < charset = "- -" > < titel > 6 - standaard parameters < /titel > < /hoofd > < lichaam > < 4-default-params src = ". J 's" > < /scripts > < /body > < /html > en, ten slotte, zullen we in de chroom, firefox open http: //europa.eu.int /documenten, de functie, geschiedenis (), twee keer, en niet van de functie van de parameters.Op de overdracht van een parameter, niet zal dalen tot de standaard parameters:,, de andere dossiers, met inbegrip van soorten, of door middel van een intensiever gebruik van de typen opleiding.,, kenmerken van verzameling van documenten, en 5, een kaart, gereedschap, Nodejs, v0.10.4, ES6 biedt nieuwe gegevens over de structuur, de eerder in. Niet beschikbaar.Als we in de exploratie van twee van deze structuur van de gegevens (en het in kaart brengen van), laten we eens kijken hoe NodeJS 6 grammatica.De installatie van Nodejs; vanaf hier, en we zullen op commando.Ten eerste, we controleren de Nodejs installatie en controle van de optie zal ES6 functie en commando 's, - - de keuze van de harmonieuze