语法格式

x => x * x

等价于

function (x) {
   return x * x;
}

说明

箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种像上面的，只包含一个表达式，连{ ... }和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略{ ... }和return：

x => {
    if (x > 0) {
        return x * x;
    }
    else {
        return - x * x;
    }
}

如果参数不是一个，就需要用括号()括起来：

// 两个参数:
(x, y) => x * x + y * y

// 无参数:
() => 3.14

// 可变参数:
(x, y, ...rest) => {
    var i, sum = x + y;
    for (i=0; i<rest.length; i++) {
        sum += rest[i];
    }
    return sum;
}

返回一个对象：

// SyntaxError:
x => { foo: x }

因为和函数体的{ ... }有语法冲突，所以要改为：

// ok:
x => ({ foo: x })

ES6箭头函数简介
@(JS技巧)[ES6|箭头函数] ES6箭头函数（Arrow Functions） ES6可以使用“箭头”（=>...
es6全家桶（二）—— 箭头函数
es6全家桶（二）—— rest参数、箭头函数箭头函数 ES6 允许使用“箭头”（=>）定义函数。 var f ...
es6、js、css、jquery、vue以及程序设计知识点总
es6 列举常用的es6特性。箭头函数this的指向。 eg：箭头函数的特性箭头函数内部没有construc...
箭头函数
ES6允许使用“箭头”（==>）定义函数。箭头函数等同于
ES6箭头函数
定义 ES6 允许使用“箭头”（=>）定义函数。关于普通函数应该知道的 js中的this是执行上下文，在普通函数...
学习 ES 6 箭头函数
箭头函数的用法 ES6 允许使用“箭头”（=>）定义函数。箭头函数的一个用处是简化回调函数。箭头函数 this...
JavaScript箭头函数
ES6新语法箭头函数箭头函数是ES6新语法，因为语法简单、可读性好，所以使用的也很多。箭头函数也是匿名函数，区别...
关于ES6箭头this的指向问题
ES6 允许使用 “ 箭头 ” （=>）定义函数。箭头函数填坑。 this的指向是向上查找非箭头函数的...
ES6箭头函数（Arrow Functions）
箭头函数是什么？（What）箭头函数（Arrow Functions）也称“胖箭头函数”，是ES6全新的特性。...
2019-01-11
ES6 箭头函数箭头函数表示法：()=>console.log('Hello') 箭头函数和普通函数的区别和普...