大家好，又见面了，我是你们的朋友全栈君。
箭头函数
1.1 认识箭头函数
传统定义函数：
const aaa = function(parse) {
}
对象字面量中定义函数：
const obj = {
bbb(parse) {
}
}
Es6中箭头函数;
const ccc = ()=>{
}
箭头函数的参数和返回值
- 参数问题:
- 放入两个参数:
const obj = (num1, num2) => { return num1 + num2; }- 放入一个参数括号可以省略
const power = num => { return num * num; }
函数内部
- 函数中代码块有多行代码：
const aaa = () => {
console.log('1');
console.log('2');
}
- 函数中只有一行代码可以省略return
const mul = (num1, num2) => num1 * num2;
console.log(mul);
箭头函数中this使用
- 什么时候使用箭头函数
setTimeout(function(){
console.log(this);
}, 1000);
setTimeout(() => {
console.log(this);
}, 1000);
结论：箭头函数没有this，上面箭头函数中的this是window中的this
const obj = {
aaa() {
setTimeout(() => {
console.log(this);
}, 1000),
setTimeout(function() {
console.log(this);
}, 1000)
}
}
console.log(obj.aaa())
结论：第一个this是obj中的this，第二个this是windows中的this。
高阶函数
1. filter过滤函数
const num = [2,5,9,8,7,4,1,2,5,6,22,55];
let newNum = num.filter(function(item) {
return item>10;
})
console.log(newNum);
2. map过滤函数
const num = [2,5,9,8,7,4,1,2,5,6,22,55];
let newNum = num.map(function(item) {
return item * 10;
})
console.log(newNum);
3. reduce过滤函数
const num = [2,5,9,8,7,4,1,2,5,6,22,55];
let newNum = num.reduce(function(prevalue, value) {
return value + prevalue;
}, 0)
console.log(newNum);
三个综合使用
let n = num.filter(num => num > 50).map(num => num * 2).reduce((preValue,currentValue) => preValue + currentValue)
console.log(n);
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员-用户IM，转载请注明出处：https://javaforall.cn/149654.html原文链接：https://javaforall.cn
【正版授权，激活自己账号】： Jetbrains全家桶Ide使用，1年售后保障，每天仅需1毛
【官方授权 正版激活】： 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...
![Spring RestController[通俗易懂]](http://javaforall.cn/wp-content/themes/justnews/themer/assets/images/lazy.png)