前言

作为程序员，总是想用最少的代码去实现最完整的功能，这个时候很多代码如果能够简写就会很容易达到这个目的，今天我们就来看看那些可以简写的Javascript代码吧。

Javascript

三元表达式

在使用if...else语句做流程处理时，完全可以用三元表达式来代替，例如如下的代码表示。

三元表达式

短路赋值

当我们想给一个变量赋予初始值时，先要判断这个变量是否为null，undefined或空字符串。普通写法是利用一个if表达式进行判断然后赋值，而使用短路法简写后，可以省去判断条件。

短路赋值

循环简写

在Javascript中循环使用频率比较高的是采用如下的方法，这也是最低级的一种写法。

简单写法

我们完全可以使用for...in或者Array.forEach()来代替，简写代码如下。

简写

十进制指数

通常在我们使用带有很多个0的数字时，会直接写成100，1000，10000等，为了简写方便我们可以采用指数形式e来代替数字，如下的一些写法都是返回的true。

指数简写

箭头函数

在ES6中最实用的应该要属箭头函数了，极大的优化了代码结构，让很多方法都可以只使用一行代码完成。

我们先来看看几个传统的函数写法。

传统写法

然后看看使用箭头函数的简写写法，都是一行代码实现。

箭头函数简写

参数默认值

在传统的ES5及之前写法中，如果给参数设置默认值，会在函数方法体内进入判断再赋值，而使用ES6语法后，可以在方法的形参中直接设置默认值。

参数默认值

模板字符串

输出一个带有变量的字符串时，传统写法是通过连接运算符(+)拼接字符串，而在ES6中引入了模板字符串后，使用反引号(``)和${}极大的简化了字符串的输出。

模板字符串

扩展运算符

扩展运算符可以在很大程度上代替数组来使用，而且还具有数组某些不具有的特性。

例如concat或者slice方法对数组的处理完全可以用扩展运算符来代替。

扩展运算符

同样使用扩展运算符还可以进行解构。

扩展运算符解构

总结

今天这篇文章简单的总结了一下，在Javascript中可以简写的方法，对于优化代码结构有很大帮助。当然可以简写的地方并不只有文章中这些，大家也可以做些总结。

这篇文章你有收获吗？