箭头函数

简介: 箭头函数

最近在代码中用到大量箭头函数,例如

result = page.stream().map(p -> {   //这个p相当于list里的每一项,map需要return
    Map<String, Object> tempMap = BeanUtil.beanToMap(p);
    tempMap.put("isMeLikeHisProduct", StringUtils.isNotBlank(master.getUFavorite()) && master.getUFavorite().contains(p.getId()));
    return tempMap;
}).collect(Collectors.toList());    //可以把return的结果收集起来,转换成一个新的list

以及

productList.forEach(product -> {      //这个product相当于list里的每一项,forEach不需要return
    if (product.getId().equals(orderItem.getOtemResourceId())) {
        tempMap.put("productName", product.getReTitle());
        tempMap.put("productCover", product.getReCover());
        tempMap.put("productId", product.getId());
    }
});

然后今天写后台管理系统的时候发现前端的箭头函数我还没用过,于是写了写,嗯!真香~

var newArray = [2, 4, 6, 8, 10]       //var声明的变量,其作用域为该语句所在的函数内,且存在变量提升现象
var newArrays = newArray.map(index => {     //map
    return index + 1;
})
console.log(newArray);
console.log(newArrays);
let newArrayObject = [            //let声明的变量,其作用域为该语句所在的代码块内,不存在变量提升,let不允许在相作用域内重复声明同一个变量
    {
        username: "zhangsan",
        password: "password"
    },
    {
        username: "lisi",
        password: "wrong"
    }
]
let newArrayObjects = newArrayObject.forEach(item => {      //forEach
    if (item.username == "zhangsan" && item.password == "password") {
        console.log("欢迎" + item.username + "登录!");
    }
    if (item.username == "lisi" && item.password != "password") {
        console.log(item.username + ",你又忘了你的密码是不是?")
    }
})

输出结果

相关文章
|
6月前
|
自然语言处理 JavaScript 前端开发
说说箭头函数的特点
说说箭头函数的特点
66 0
|
6月前
|
开发者
箭头函数
认识箭头函数
58 4
|
6月前
箭头函数是什么
箭头函数是什么
51 0
|
8天前
箭头函数不能使用哪些关键字?
总之,箭头函数在语法和功能上有一定的限制,在使用时需要注意这些限制条件,根据具体的需求来选择是否使用箭头函数以及如何使用其他语法结构来实现相应的功能。
|
2月前
|
自然语言处理
箭头函数和普通函数的区别是什么?
箭头函数和普通函数的区别是什么?
115 63
|
5月前
箭头函数和普通函数的区别
箭头函数和普通函数的区别
24 0
|
6月前
箭头函数需要注意的地方
箭头函数需要注意的地方
32 1
|
6月前
|
存储
箭头函数多个函数体
箭头函数多个函数体
|
6月前
|
JavaScript 网络架构
箭头函数详解
箭头函数详解
34 1
面试官:箭头函数和普通函数的区别?箭头函数的this指向哪里?(二)
面试官:箭头函数和普通函数的区别?箭头函数的this指向哪里?(二)