箭头函数---ES6新增的 以前写匿名函数的地方,现在可以使用箭头函数来替代
两种定义函数的方式
第一种 使用关键字function声明函数
function fn(){}
fn()
第二种:函数表达式
const fn2 =function(){
console.log('我是箭头函数')
}
第三种:箭头函数 1.最基本的语法
const fn3 = ()=>{
console.log('我是箭头函数')
}
2.当箭头函数只有一个参数的时候 可以省略小括号
const fn4 = item=>{
console.log('我是箭头函数')
}
3.当箭头函数只有一行代码,并且只有一个return的时候,可以省略大括号,和return单词
const fn5 = item=> item*item
const res =fn5(3)
console.log(res)
箭头函数特殊的地方
箭头函数里面没有this值,如果我们访问的话,就会去上一层作用域里面去找this (this就是一个局部变量,系统自动创建,箭头函数里面没有,他就会顺着作用域往上找,就近原则) 谁来调用这个函数this就指向谁.
