<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>箭头函数</title>
</head>
<body>
</body>
<script>
//传统函数定义
let hxj= function(){
console.log("hxj");
return true;
};
hxj();
//使用箭头函数定义,()里放参数
let ydc= ()=>{
console.log("ydc");
return true;
};
ydc();
//传统方法写筛选数组
let a=[1,1,2,3,4,5].filter(function(item){
return item>2;
});
console.log(a);//[3, 4, 5]
//使用箭头函数筛选数组
let b=[1,1,2,3,4,5].filter((item)=>item>2);
console.log(b);//[3, 4, 5]
//箭头函数写求和
let sum=[1,1,2,3,4,5].reduce((sum,i)=>sum+i);
console.log(sum);
//箭头函数虽好用，但也不是万能，不能完全替代function关键字，
//比如在递归函数，构造函数，事件处理的时候不方便使用箭头函数，因为要考虑this关键词
//由于箭头函数没有函数名字，所以在递归处理时，要回调函数也不方便
//在dom的事件处理时也会用function关键字定义函数，对比与箭头函数的差异
</script>
</html>
网友评论