一些ES6新姿势

Yujiaao 发布于2019-08-21 17:01 / 3313人阅读

摘要：原文对象属性分配在处理对象的时候，你可能需要把多个对象合在一起，新的函数可以简洁地做到这件事。对象合并我们的目标是把行的对象合并为一个对象。需要注意的是只返回符合要求的第一个元素。行是返回第一个找到元素的索引，没有对应方法。

原文: Javascript ES6 — Exploring the New Built-In Methods

对象属性分配

在处理对象的时候，你可能需要把多个对象合在一起，新的 Object.assign()函数可以简洁地做到这件事。

对象合并

我们的目标是把2-4行的对象合并为一个对象。ES5的话你需要循环几个对象然后把属性赋值到目标对象，但是在ES6你只需要一行代码（15行）。
合并有相同属性的对象会发生什么情况？请看↓

合并有相同属性的对象

你也可以用 Object.assign()来克隆对象

查找数组元素

对于数组我们经常会查找其中是否有某个元素，在ES6有两个数组的新方法find()和findIndex()。需要注意的是find()只返回符合要求的第一个元素。那么我们看看ES6的新方法和相同效果在ES5怎么写。

第7行和12行想过一样，12行的ES6版看起来就简单很多。14行是返回第一个找到元素的索引，ES5没有对应方法。

字符串重复

ES6新增String.repeat()

字符串查找

ES6有三个新方法帮助开发者在字符串中查找关键字，分别是String. startsWith()、endsWith()、includes()。我十分喜欢这几个方法，真是受够用低效还容易出错的indexOf()了。

Number类型检查

检查有限数的方法Number.isFinite()，以及检查NaN的方法Number.isNaN()

有两点需要注意：

Number.isNaN()和全局的isNaN()的区别，请点击这里和这里

无限实际上不是真正的无限，而是一个代表无限的值。实际上这个值是1.797693134862315E+308。负无限则是-1.797693134862315E+308。

判定数值正负

Math.sign(),结果包括NaN和-0。

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/89022.html

Babel 7 转码的正确姿势

摘要：转码的配置是每位前端童鞋在日常工作中都会遇到的。简单点来说就是在转码过程中，对于一些新语法，都会抽象一个个小的函数，在转码过程中完成替换。以上即是我总结的转码姿势，如果对本篇有疑问或建议，欢迎在这里提出。 Babel 转码的配置是每位前端童鞋在日常工作中都会遇到的。刚开始我也是在网上搜索各种配置方法，升级到 Babel 7 的时候又折腾了一把，所以决定把自己的心得和理解记录下来，希望能...

JohnLui 2019-08-26 14:01 评论0 收藏0
这一次，我们换种姿势学习 javascript

摘要：操作符或调用函数时传入参数的操作都会导致关联作用域的赋值操作。此外可以使用和来设置对象及其属性的不可变性级别。忽视这一点会导致许多问题。使用调用函数时会把新对象的属性关联到其他对象。前言《你不知道的 javascript》是一个前端学习必读的系列，让不求甚解的JavaScript开发者迎难而上，深入语言内部，弄清楚JavaScript每一个零部件的用途。本书介绍了该系列的两个主题：...

zone 2019-08-26 11:54 评论0 收藏0
数组去重的正确编写姿势

摘要：引言数组去重是前端面试的一个必备题目，其具体表现内容为怎样去掉的的重复项。一般姿势使用数组的方法可以很简单的达到目的。所以这算是委曲求全的一种中庸姿势。改编自刘春龙博客中的文章中数组去重问题引言数组去重是前端面试的一个必备题目，其具体表现内容为：怎样去掉Javascript的Array的重复项。问题简单直接，咱们也废话不多说，直入主题吧。一般姿势使用数组的indexOf()方法...

G9YH 2019-08-21 10:47 评论0 收藏0
React中元素与组件的区别

摘要：组件中有三种构建组件的方式。元素与组件的区别组件是由元素构成的。元素数据结构是普通对象，而组件数据结构是类或纯函数。使用才是操作元素的正确姿势。使用元素可以让用户传入自定义组件的同时，为组件添加属性。在初学 React 的时候，分不清 React 组件和 React 元素，着实踩了一些坑。搞清楚 React 中什么是组件，什么是元素，既可以理清楚概念，也可以让你避免一些不必要的错误。...

lifesimple 2019-08-20 14:49 评论0 收藏0
如何在ES5与ES6环境下处理函数默认参数

摘要：函数默认值是一个很提高鲁棒性的东西就是让程序更健壮关于函数默认参数的描述函数默认参数允许在没有值或被传入时使用默认形参。也就实现了上边三元运算符的功能。直接使用这种方式，省去了在函数内部进行默认值的检查，能够让函数专注的做它应该做的事情。函数默认值是一个很提高鲁棒性的东西（就是让程序更健壮）MDN关于函数默认参数的描述：函数默认参数允许在没有值或undefined被传入时使用默认形参...

oliverhuang 2019-08-22 17:10 评论0 收藏0