箭头函数

ES6 允许使用「箭头」(=>)定义函数,通用写法如下:

let fn = (arg1, arg2, arg3) => {
    return arg1 + arg2 + arg3;
}

箭头函数的注意点:

如果形参只有一个,则小括号可以省略
函数体如果只有一条语句,则花括号可以省略,函数的返回值为该条语句的执行结果
箭头函数 this 指向声明时所在作用域下 this 的值,箭头函数不会更改 this 指向,用来指定回调函数会非常合适
箭头函数不能作为构造函数实例化
不能使用 arguments 实参
省略小括号的情况:

let fn = num => {
    return num * 10;
};

省略花括号的情况:

let fn = score => score * 20;

this 指向声明时所在作用域中 this 的值:

// this 指向声明时所在作用域中 this 的值
let fn = () => {
    console.log(this);
}
fn();

let school = {
    name: "张三",
    getName() {
        let subFun = () => {
            console.log(this);
        }
        subFun();
    }
};
school.getName();

 


posted @ 2021-12-09 11:28  谁有大饼  阅读(68)  评论(0)    收藏  举报