八种常见的 JavaScript ES6 使用技巧

八种常见的 JavaScript ES6 使用技巧,给对象添加属性,名称动态变化怎么办?,为什么要创建一个额外的变量?,你不知道 ES6 中的对象属性名可以使用表达式吗?,改进后:,2.列表搜索,在正式的项目开发中,前端一般负责实现一些没有分页的列表的搜索功能。,搜索一般分为精确搜索和模糊搜索,搜索也叫过滤。,一种是模糊搜索,一般用过滤器来实现:,但是,如果是精确搜索,则需要使用ES6中的find,3.获取对象属性值,您可以在 ES6 中使用可选的链接运算符:,4. 展平数组,在开发ERP系统或者人事管理系统的过程中,经常会遇到一个应用场景。,一个部门的JSON数据中,属性名是部门id,属性值是部门成员id的数组集合。现在的需求是将部门的所有成员id提取到一个数组集合中。,这时候,我好像听到前端组长开始骂了:,还需要遍历得到所有对象的属性值吗?性能优化好不好,Object.values忘记了?以前没用过 ES6?还有涉及到数组的扁平化过程,为什么不使用ES6提供的扁平化方法呢?,Infinity 用作平面参数,因此您不需要知道平面数组的维度。,5.if中的判断语句,改进后可简写为:,6.判断输入框不为空,在日常开发中,无论PC端还是移动端,在处理与输入框相关的业务时,往往会判断输入框没有输入值。,可以改进为:,是不是省了很多代码,惊喜还是意外?,7.获取对象属性值,改进后:,8.异步函数,异步函数很常见,直接上栗子,看着这样的代码,我仿佛看到了前端组长轻蔑的眼神。,这么写,跟回调地狱有什么区别?,改进后。,代码一下子简洁了许多,总算松了一口气。,如果是并发请求,可以使用Promise.all()

文章版权声明

 1 原创文章作者:cmcc,如若转载,请注明出处: https://www.52hwl.com/22658.html

 2 温馨提示:软件侵权请联系469472785#qq.com(三天内删除相关链接)资源失效请留言反馈

 3 下载提示:如遇蓝奏云无法访问,请修改lanzous(把s修改成x)

 免责声明:本站为个人博客,所有软件信息均来自网络 修改版软件,加群广告提示为修改者自留,非本站信息,注意鉴别

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023年3月5日 上午12:00
下一篇 2023年3月7日 下午10:34