一、箭头函数(Es6新增定义函数方式)
1、书写样式(形参)=>{}
案例:let fn = () => {
console.log("箭头函数")
}
fn()//箭头函数
2、箭头函数简写
(1)形参只有一个,形参外的小括号()可以省略
let fn = n => n * n;
console.log(fn(10))//100
(2)箭头函数只有一个return语句,可以省略大括号{}和return
let sum = (m, n) => {
return m + n;
}
let result = sum(23, 10)
console.log(result)//33
简化为:let sum = (m, n) => m + n;
二、箭头函数与function函数的区别
1、function中this的指向不明确,随环境(调用者)变化,箭头函数指向明确,永远指向生产环境(箭头函数定义位置的this)
var age = 40;
var obj = {
age: 20,
say: () =&