ES6 kann "Pfeil" (=>) verwenden, um Funktionen zu definieren. Beachten Sie, dass sie Funktionen sind und diese Methode nicht verwenden, um Klassen (Konstruktoren) zu definieren.
1. Syntax
1. Eine einfache Funktion mit einem Parameter
var Single = a => Asingle ('Hallo, Welt') // 'Hallo, Welt'2. Wenn es keine Parameter gibt, müssen Sie vor dem Pfeil Klammern verwenden.
var log = () => {alert ('no param')}3. Mehrere Parameter erfordern Klammern und Comma -Intervalle zwischen den Parametern, z. B. das Hinzufügen von zwei Zahlen
var add = (a, b) => a + badd (3, 8) // 11
4. für mehrere Aussagen in der Funktionskörper sind lockige Zahnspangen erforderlich
var add = (a, b) => {if (typeof a == 'nummer' && typeof b == 'nummer') {return a + b} else {return 0}}5. Bei der Rückgabe des Objekts müssen Sie es in Klammern einwickeln, da die Zahnspangen als Codeblöcke besetzt und interpretiert werden.
var gethash = arr => {// ... return ({name: 'Jack', Alter: 33})}6. Direkt als Event -Handler
document.addeventListener ('klick', ev => {console.log (ev)})7. Sortieren Sie den Rückruf als Array
var arr = [1, 9, 2, 4, 3, 8] .Sort ((a, b) => {if (a - b> 0) {return 1} else {return -1}) arr // [1, 2, 3, 4, 8, 9]2. Achten Sie darauf
1. Der Typof -Operator entspricht der gewöhnlichen Funktion
var func = a => aconsole.log (typeof func); // "Funktion"
2. Instanz der Rücksendung auch true, was darauf hinweist, dass es sich auch um eine Instanz der Funktion handelt
console.log (func InstanceOF -Funktion); // WAHR
3. Dies ist festgelegt, nicht mehr veränderlich
obj = {data: ['John Backus', 'John Hopcroft'], init: function () {document.onclick = ev => {alert (this.data) // ['John Backus', 'John Hopcroft']} // Nicht-Arrow-Funktion // Dokument.Onclick = Funktion (ev) {// alert (this.data) //.din (this.data) / // und ito. Dies ist sehr nützlich, muss me nicht mehr schreiben, self , _this oder bind .
4. Die Pfeilfunktion kann nicht mit neu verwendet werden
var Person = (Name, Alter) => {this.name = name this.age = Alter} var p = neuer Func ('John', 33) // Fehler5. Das Argument kann nicht verwendet werden
var func = () => {console.log (argumente)} func (55) //Für 5 kann der Test in Firefox36 55 ausgeben, und es scheint keine Grenze zu geben.
3. Zusammenfassung
Das obige ist die gesamte Einführung in die Pfeilfunktion in ES6. Ich hoffe, es wird für alle hilfreich sein. Wenn Sie Fragen haben, überlassen Sie bitte eine Nachricht, um zu diskutieren.