箭头函数简单介绍及案例

jQuery箭头函数

ES6标准新增了一种新的函数：Arrow Function（箭头函数）。

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;
}

案例：

<script>
    let arr = [1,3,5,7,9];
    arr.forEach(function (item) {
        console.log(item);
    });
    arr.forEach(item=>{
        console.log(item);
    })
</script>