18条你不知道的JavaScript简写语法

对于开发人员来说让代码更加简单高效的运行是每一个码农的至高追求,下面是19个JavaScript简写语法,赶快应用到生产中吧。

1.三元运算符

if..else语句不复杂时的最佳替代品

常规语法

简写语法

你也可以将代码写成如下样子:

2.判断变量存在与否

将一个变量A的值传递给变量B时为避免出现变量A未定义或为空通常需要对变量A进行判断。

常规语法

简写语法

可以自己(es6console)尝试一下

示例代码

3.简版变量声明

声明我个变量的时候可以写在一行,这个大家应用比较熟悉。

常规语法

简写语法

4.IF条件判断

这个看起来不太重要但也值得一提,当在作IF条件判断的时候通常我们可以省略掉条件本身。

常规语法

简写语法

下面是当条件为false时do something…

常规语法

简写语法

5.JavaScript循环结构简写

当JavaScript脚本不依赖任何像Jquery或lodash这样的第三方库时循环结构简写非常有用。

常规语法

简写语法

对Array.forEach进行简写

6.科学计数

你一定遇到这样的情况,代码中出现1000000000这样的情况,1后面跟随了你都不知道多个的0,其实完全可以写成1e9这样子,是不是一目了然。

常规语法

简写语法

7.对象属性简写语法

ES6为对象定义属性提供了一种更简单的方法。 如果属性键值相同,则可以利用简写符号。

常规语法

简写语法

8.箭头方法

传统的方法定义编写时比较方便,但当所定义的方法中包含其他方法时往往会变的冗长不便于阅读,ES6为我们推荐了更好的解决方案。

常规语法

简写语法

9.隐性返回

常规语法

简写语法

10.函数参数默认值

传统的函数参数默认值不能直接赋值给形参,通常我们只能在结构体中通过if结构进行赋值,ES6为我们推荐了更简单的解决办法。

常规语法

简写语法

11.模板变量

当你尝试将多个变量值通过‘ + ‘插入到一个字符串中时相当的麻烦,如果你使用ES6语法这将变的十分简单,只需要全用标签${}包裹变量即可。

常规语法

简写语法

12.组件间数据引用

使用主流的Web框架开发应用时,经常需要在不同组件间传递数据,下面的语法将这件事情简单化。

常规语法

简写语法

当然你也可以自定义变量名

13.多选字符串

遇到一长串带换行的字符串是一件很头痛的事情需要插入多个\n\t换行标记并通过‘ + ‘连接以排版,其实通过反引号可以更简单的实现。

常规语法

简写语法

14.数组合并与分割

常规语法

简写语法

不喜欢使用concat方法,没关系我们可以使用下面的语法代替

你也可以使用ES6风格的语法组合数据

15.强制性参数

默认情况下,JavaScript将函数参数设置为未定义,如果它们未传递值。 一些其他语言将会发出警告或错误。 要强制执行参数分配,可以使用if语句来引发错误,如果未定义,或者您可以利用“强制参数简写”的优势。

常规语法

简写语法

16.简洁的Array.find

如果您需要在原生的JavaScript中编写查找功能,那么您可能会使用了for循环。 在ES6中,引入了一个名为find()的新数组函数。

常规语法

简写语法

17.Object [key] 简写

你知道Foo.bar还可以写成Foo[bar]吗?这个符号为您提供了编写可重用代码的构建。

一个验证函数的简单示例:

上面的代码能正常执行。 但是,当您需要验证多条规则时构建通用验证函数不是更好吗?

更聪明的语法

现在我们有一个验证函数,我们可以在所有形式中重用,而无需为每个函数编写自定义验证函数。

18.双位不定式

按位运算符是您在初学者JavaScript教程中学到的功能之一,您永远不会在任何地方实现它们。 除非您处理二进制文件,但是谁想要处理这些0或1呢?

常规语法

简写语法

 

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据