返回

javascript中箭头函数(() => {})的用法

Created By ZOU on Nov 22 2020

在javascript中箭头函数是什么?有什么用处?下面看案例:

const obj = {
handler() {
// 以下两种方法都是打印出当前的this
const funcA = () => {
console.log('funcA')
}
function funcB() {
console.log('funcB')
}
// 以下两种方法都是return出当前的this
const funcC = () => this // 省略return关键字,修改当前this指向为当前函数定义上下文
function funcD() {
return this
}
funcA() // funcA
funcB() // funcB
console.log(funcC()) // obj
console.log(funcD()) // window
}
}
obj.handler()

箭头函数能将当前函数的this指向,指向到当前定义方法的上下文。

箭头函数不带{}时可以省略return直接返回。

标签: javascript