打开网易新闻 查看精彩图片

与其他编程语言一样,JavaScript有许多技巧用来解决简单和复杂的问题。有些技巧广为人知,还有一些会让人兴奋不已。让我们看一下今天可以学习到的7个JavaScript技巧!

打开网易新闻 查看精彩图片

01 获取数组的唯一值

得到一个唯一值数组可能比你想的还要容易:

打开网易新闻 查看精彩图片

02 数组和Boolean

如果需要把数组中的0、undefined、null、false等等排除掉,可以使用以下技巧:

打开网易新闻 查看精彩图片

只要需要在filter方法中传递Boolean,所有的虚假值就可以被过滤掉。

03 创建空对象

创建一个空的对象,可以使用{}方式。但是这种方式创建的对象依然包含proto、hasOwnProperty和其它一些对象方法。我们还有其它方法创建一个纯空对象:

打开网易新闻 查看精彩图片

使用create方法创建出现的对象,不包含任意的属性或者方法,作非我们把这些代码添加到对象中去。

04 合并对象

对需要把多个对象合并为一个对象时,特别是当我们开始使用选项创建类和小组件时:

打开网易新闻 查看精彩图片

这三个点使任务变得轻松多了!

05 要求提供函数参数

通过给函数的参数设置默认值,可以不写某些参数的值,调用时会自动把默认值传递给调用语句中。如果使用时必须提供某个参数的值可以使用下面的技巧:

打开网易新闻 查看精彩图片

06 解构别名

解构赋值是ES6的新特性,这是一个非常实用的功能。但有时我们希望使用另一个变量名来引用这些属性,这时可以使用别名:

打开网易新闻 查看精彩图片

这样做可以有效避免与现有变量的命名发生冲突。

07 获取查询字符串参数

如果我们需要处理URL的查询字符串,需要编写大量的正则表达式。使用URLSearchParamsAPI会使这个过程简单多了:

打开网易新闻 查看精彩图片

近些年JavaScript已经发生了很大的变化,直得兴幸的是我们能看到JavaScript语言改进的速度。尽管JavaScript不断在变化,我们仍然需要使用一些不错的技巧,并把这些应用技巧保存起来以便不时之需。

打开网易新闻 查看精彩图片