ES6中新增的定义函数方式。
() => { }
//将箭头函数赋值给变量
const fn = () => {
}
//调用
fn()
特点1 函数体中只有一句代码 且代码执行结果就是返回值,可以省略 return 和 大括号
function sum(num1, num2) {
return num1 + num2;
}
const sum = (num1, num2) => num1 + num2;
特点2 如果形参只有一个,可以省略小括号
function fn (v) {
return v;
}
//箭头函数
const fn = v => v;
箭头函数不绑定this 箭头函数中的this, 指向的是函数定义位置的上下文this
this关键字指向箭头函数定义位置中的this
注意 对象不能产生作用域
var age = 100;
var obj = {
age:20,
say: () => {
// 此时this指向Window
alert(this.age)
}
}
obj.say() // 100