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;
相关推荐
yume_sibai15 天前
ES6 核心知识点完全总结(变量 + 箭头函数 + 解构 + Promise + 模块化)
前端·ecmascript·es6
晴天1618 天前
ES6+ 核心语法
前端·es6·状态模式
变与不变80619 天前
JS作用域,作用域链
前端·javascript·es6
EthanChou202025 天前
AES67协议笔记
前端·笔记·es6
CappuccinoRose1 个月前
ES6+ 核心语法糖
前端·es6·解构·可选链·空值合并
小白勇闯网安圈1 个月前
Vue 工程化开发:组件复用、插槽、项目结构与 ES6 模块化
javascript·vue.js·es6
Brown.alexis1 个月前
es6知识点4-自备使用
前端·javascript·es6
Brown.alexis1 个月前
es6知识点5-自备使用
前端·javascript·es6
Brown.alexis1 个月前
es6知识点1-自备使用
前端·ecmascript·es6
Brown.alexis1 个月前
es6知识点3-自备使用
前端·javascript·es6