ES6 箭头函数

1、this是静态的,this始终指向函数声明时所在作用域西安的this的值

javascript 复制代码
function getName() {
    console.log(this.name)
}

let getName2 = () => {
    console.log(this.name)
}

window.name = 'a';
const shcool = {
    name: 'b'
}

getName.call(school)  // 'b'
getName2.call(school) // 'a'

2、不能作为构造函数实例化对象

3、不能使用arguments变量

4、箭头函数的简写

1)省略小括号,当形参有且只有一个的时候

javascript 复制代码
let add = n => {
    return n + n;
}

2)省略花括号,当代码体只有一条语句的时候,此时return必须省略。

javascript 复制代码
let pow = (n) => n * n;
相关推荐
吴声子夜歌7 小时前
ES6——二进制数组详解
前端·ecmascript·es6
吴声子夜歌9 小时前
ES6——正则的扩展详解
前端·mysql·es6
吴声子夜歌11 小时前
ES6——Generator函数详解
前端·javascript·es6
吴声子夜歌11 小时前
ES6——Set和Map详解
前端·javascript·es6
吴声子夜歌18 小时前
ES6——异步操作和async函数详解
前端·ecmascript·es6
吴声子夜歌2 天前
ES6——数组的扩展详解
前端·javascript·es6
吴声子夜歌2 天前
ES6——Iterator和for...of循环详解
前端·javascript·es6
吴声子夜歌2 天前
ES6——Symbol详解
开发语言·javascript·es6
来一颗砂糖橘4 天前
吃透 ES6 扩展运算符(...):从表面语法到底层逻辑,避开所有坑
前端·javascript·es6·扩展运算符·前端进阶
吴声子夜歌4 天前
ES6——函数的扩展详解
前端·ecmascript·es6