ES6箭头函数

• ES6中引入了一个新的函数编写形式——箭头函数

写法：

//函数声明
let 变量名 = (形参1,形参2,..)=>{
    函数体代码
}

//函数调用
变量名(实参1，实参2，...)

//1.简写
//如果只有一个形参 则可以省略 形参的()
let fn = 形参 => {
    函数体代码
}

//如果函数体代码中只有一句return语句  则可以省略 函数体的大括号和return关键字 只写 返回值
let fn = () => 123

//如果返回值省略之后 存在歧义  可以使用() 对返回值进行包裹
let fn = ()=>({})

 

• 注意事项

  • 箭头函数中 不能使用arguments 因此如果想获取实参列表 需要使用...rest

  • 箭头函数不能作为构造函数使用 因为 他没有构造器

  • 箭头函数的this 指向其父级作用域的this

• 箭头函数的应用

  • 数组的迭代方法 复习——every some map filter forEach find findIndex

箭头函数多用于 回调
let data = [
            1,2,3,4,5,6
        ]
        //将数组中 每一个数组项都变成二次方
        let data1 = data.map(item=>(item*item));
        console.log(data1);

        let data2 = [
            {
                name:"关羽",
                age:40,
                salary:50000
            },
            {
                name:"张三",
                age:35,
                salary:40000
            },
            {
                name:"赵云",
                age:30,
                salary:30000
            },
            {
                name:"马超",
                age:35,
                salary:10000
            },
            {
                name:"黄忠",
                age:60,
                salary:10000
            }
        ]

        //涨薪2000
        let data3 = data2.map(item=>({...item,salary:item.salary+=2000}));
        console.log(data3);