Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >箭头函数

箭头函数

作者头像
阿超
发布于 2022-08-16 07:32:04
发布于 2022-08-16 07:32:04
1.3K00
代码可运行
举报
文章被收录于专栏:快乐阿超快乐阿超
运行总次数:0
代码可运行

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
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

以及

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
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());
    }
});

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
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 + ",你又忘了你的密码是不是?")
    }
})

输出结果

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-06-14,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
JavaScript——ES6新增语法特性
ES的全称是ECMAScript,它是由ECMA国际标准化组织制定的一项脚本语言的标准化规范
岳泽以
2022/10/26
4630
JavaScript——ES6新增语法特性
前端成神之路-es6-ES6概念&新增语法&内置对象拓展
ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。
海仔
2021/01/29
4750
ES6相关概念及新增语法
ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。
星辰_大海
2020/10/27
4160
ES6相关概念及新增语法
「JS高级」ES6
请注意,本文编写于 2056 天前,最后修改于 169 天前,其中某些信息可能已经过时。
曼亚灿
2023/05/17
1.8K0
「JS高级」ES6
前端架构师之01_ES6_基础
简单来说,ECMAScript是JavaScript语言的国际标准,JavaScript是实现ECMAScript标准的脚本语言。
张哥编程
2024/12/13
1760
ES6归纳总结
let 的特点 let声明的变量只在所处的块级有效(块级作用域不受外部影响具有暂时死区特性),也就是说在{ }内声明的变量,只在 { }中可以使用,在其他地方不能使用。 防止循环变量,变成全局变量。 for(var i=0;i<3;i++){ } console.log(i);// 输出 3 for(let i=0;i<3;i++){ } console.log(i);/// 未定义 不存在变量提升 具有暂时死区 var num = 10; if (true){ console.log(num); //
用户4344670
2020/02/24
6620
箭头函数
箭头函数不绑定this关键字,箭头函数中的this,指向的是函数定义位置的上下文this
清出于兰
2020/10/26
1.3K0
中高级前端高频面试题分享
代码比较简单,我们只是在setTimeout的方法里面又调用了一次setTimeout,就可以达到间歇调用的目的。
前端迷
2019/05/28
8900
ES6相关概念与ES6新增语法
ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。
梨涡浅笑
2020/10/28
4660
ES6相关概念与ES6新增语法
二、ES6新语法
图中可对比看出,如果用var声明,在循环外部还是可以使用i变量;但用let声明变量,循环外部不可以使用n变量
Dreamy.TZK
2020/07/03
4170
前端基础-JavaScript函数进阶
这种写法将一个匿名函数赋值给变量。这时,这个匿名函数又称函数表达式(Function Expression)
cwl_java
2020/03/26
5780
mybatis常用条件查询总结(迭代一)
目录 1.mybatis中大于等于小于等于的写法 2.mybatis动态查询条件组装 3.mybatis批量条件 4.mybatis时间查询实现分页总结 1.mybatis中大于等于小于等于的写法 第一种写法(1): 原符号 < <= > >= & ' " 替换符号 < <= > >= & ' " 例如:sql如下: create_date_time >= #{s
挑战者
2018/06/29
2.8K0
java8的stream流
在1.8新特性中有一个stream流 可以对集合进行很多操作,在开发里大量用到 先创建两个类,用于我们操作 import java.util.ArrayList; /** * @ClassName: StringList * @Date: 2020/6/21 0021 21:08 * @Description: 一个继承了ArrayList<String>的类 * @Author: <achao1441470436@gmail.com> */ public class StringList ex
阿超
2022/08/16
4040
es6新语法+vue2的学习笔记分享
shigen
2023/09/15
3090
es6新语法+vue2的学习笔记分享
JavaScript的箭头函数与普通函数区别?
箭头函数用更简洁的方式,来完成普通函数的功能,但是不具备普通函数拥有的属性: this 、 arguments 、 super 、 new.target,有两种表达形式:
Learn-anything.cn
2021/11/27
7000
feign 调用XXL-JOB API
通过FeignClient客户端声明式调用调度中心Api服务与普通FeignClient相比作了一下几点处理:
花落花相惜
2021/12/07
1.8K0
JS进阶系列02-JS面向对象的三大特征之封装
JS 作为面向对象的一门语言,拥有和其他面向对象语言一样的三大特征,即封装(encapsulation)、继承(inheritance )和多态(polymorphism )。关于继承的概念和实现,在本系列不在赘述,有兴趣的同学可以看看JS入门难点解析12-原型链与继承。
love丁酥酥
2018/08/27
8210
VUE基础讲解
回调地狱:上一个接口还没有走完,下一个接口已经开始了,但是下一个接口需要上一个接口的数据
叶秋学长
2022/07/17
3770
VUE基础讲解
js遍历数组的几种方法
2、map:支持return,相当与原数组克隆了一份,把克隆的每项改变了,也不影响原数组
jamesjiang
2022/11/20
1.5K0
js遍历数组的几种方法
彩虹女神跃长空,Go语言进阶之Go语言高性能Web框架Iris项目实战-完善用户管理EP04
    书接上回,上一回我们完成了用户管理页面的构建,并且通过前端的Vue.js框架动态地获取表单数据,同时异步请求后端Iris接口进行入库操作,过程中使用函数封装可复用的逻辑。 本回我们将继续完善用户管理功能。
用户9127725
2022/09/23
6200
彩虹女神跃长空,Go语言进阶之Go语言高性能Web框架Iris项目实战-完善用户管理EP04
相关推荐
JavaScript——ES6新增语法特性
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验