箭头函数的参数
// 箭头函数参数
// 1.普通函数有arguments动态参数
// 2.箭头函数没有arguments动态参数 但是有剩余运算符...args
// 目标:利用箭头函数求和
let get=(...arr)=>{
let sum=0
for(let i=0;i<arr.length;i++){
sum+=arr[i]
}
return sum //注意函数体有多行代码需要return
}
let arr1= get(2,3,4,5,6)//20
console.log(arr1);
箭头函数this指向
以前的this指向 谁调用的这个函数 this就指向谁
// 普通函数
// function fun(){
// console.log(this);//window
// }
// fun()
// // 对象方法里面的this
// let obj={
// naem:'zhansgan',
// sayHi:function(){
// console.log(this);//this指向obj
// }
// }
// obj.sayHi()
// 箭头函数的this指向上一层的this指向
// let fun=()=>{
// console.log(this);//指向window
// }
// fun()
// 对象方法箭头函数的this
let obj={
uname:'zhangsan',
sayHi:()=>{
console.log(this);//thsi指向window
}
}
obj.sayHi()
// !!!!!在开发中使用箭头函数需要考虑函数中的this的值
// 事件回调函数使用箭头函数时 this为全局的window
// 因此dom事件回调函数为了便捷 还是不太推荐使用箭头函数