ES6 puede usar "flecha" (=>) para definir funciones. Tenga en cuenta que son funciones y no usan este método para definir clases (constructores).
1. Sintaxis
1. Una función simple con un parámetro
var single = a => asingle ('hola, mundo') // 'hola, mundo'2. Si no hay parámetros, debe usar soportes antes de la flecha.
var log = () => {alerta ('no param')}3. Múltiples parámetros requieren soportes e intervalos de comas entre los parámetros, como agregar dos números
var add = (a, b) => a + badd (3, 8) // 11
4. Se requieren aparatos ortopédicos rizados para múltiples declaraciones en el cuerpo de funciones
var add = (a, b) => {if (typeof a == 'number' && typeof b == 'number') {return a + b} else {return 0}}5. Al devolver el objeto, debe envolverlo entre paréntesis, porque los aparatos ortopédicos están ocupados e interpretados como bloques de código.
var gethash = arr => {// ... return ({nombre: 'Jack', edad: 33})}6. Directamente como controlador de eventos
document.addeventListener ('click', ev => {console.log (ev)})7. Ordena la devolución de llamada como una matriz
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. Presta atención
1. El operador de typeOf es el mismo que la función ordinaria
var func = a => aconsole.log (typeof func); // "función"
2. Instance también devuelve verdadero, lo que indica que también es una instancia de función
console.log (FUNC InstanceOf function); // verdadero
3. Esto es fijo, ya no es cambiante
obj = {data: ['John Backus', 'John Hopcroft'], init: function () {document.OnClick = ev => {alert (this.data) // ['John Backus', 'John Hopcroft']} // NonnoRow Function // document.onclick = function (ev) {// alerta (this.data) // Únete /}}}}}}} Esto es muy útil, ya no necesita me , self , _this o bind .
4. La función de flecha no se puede usar con nuevo
var persona = (nombre, edad) => {this.name = name this.age = edad} var p = new Func ('John', 33) // Error5. El argumento no se puede usar
var func = () => {console.log (argumentos)} func (55) //Para 5, la prueba en Firefox36 puede generar 55, y parece que no hay límite.
3. Resumen
Lo anterior es la introducción completa a la función de flecha en ES6. Espero que sea útil para todos. Si tiene alguna pregunta, deje un mensaje para discutir.