之前我们介绍了JavaScript缩略技巧初级篇,下面是一篇JavaScript缩略技巧进阶篇,帮助你更熟练的使用JavaScript语言进行开发工作.高级部分1.变量赋值将一个变量的值赋给另一个变量时,首先需要保证原值不为null、undefined或empty。可以通过写一个包含多个条件的判断语句来实现:或者简写成下面的形式:可以将下面的代码粘贴到es6console中自己测试一下:2.默认值赋值如果预期的参数为null或者undefined,那么就没有了需要六行代码来分配默认值。我们可以只使用一个简短的逻辑运算符,用一行代码来做同样的事情。缩写是:3.对象属性ES6提供了一种非常简单的方法来为对象分配属性。如果属性名称与键名称相同,则可以使用速记。简写为:4.箭头函数经典的函数很容易读写,但是如果嵌套在其他函数中调用,整个函数就会变得有点冗长和混乱。这时候可以使用箭头函数来简写:简写为:5.隐式返回值返回值就是我们平时用来返回函数最终结果的关键字。只有一个语句的箭头函数可以隐式返回一个结果(该函数必须省略括号({}),以便省略return关键字)。要返回多行语句(例??如对象字面量),需要使用()而不是{}来包裹函数体。这确保代码被评估为单个语句。缩写为:6.默认参数值您可以使用if语句来定义函数参数的默认值。ES6规定可以在函数声明中定义默认值。简称为:7.模板字符串我们以前用“+”把多个变量转换成字符串,有没有更简单的方法呢?ES6提供了相应的方法,我们可以使用反引号和${}将变量组合成一个字符串。简写为:8.解构赋值解构赋值是一种表达式,用于从数组或对象中快速提取属性值,并将其赋值给已定义的变量。在代码速记方面,解构赋值可以达到很好的效果。简写:你甚至可以指定自己的变量名:9.展开运算符展开运算符是在ES6中引入的,使用展开运算符可以让JavaScript代码更加高效和有趣。可以使用扩展运算符替换某些数组函数。简写:与concat()函数不同,用户可以使用扩展运算符将任何数组插入另一个数组。您还可以将扩展运算符与ES6解构符号结合使用:10.强制参数默认情况下,如果您不向函数参数传递值,JavaScript会将函数参数设置为未定义。其他语言发出警告或错误。要执行参数分配,可以使用if语句来抛出未定义的错误,或者可以使用“强制参数”。简写:11.Array.find如果您曾经用纯JavaScript编写过查找函数,您可能使用过for循环。在ES6中,引入了一个名为find()的新数组函数,它实现了for循环的简写形式。简写:12.Object[key]虽然将foo.bar写成foo['bar']是常见的做法,但这种做法构成了编写可重用代码的基础。考虑以下验证函数的简化示例:上面的函数完美地完成了验证工作。但是当表单比较多的时候,就需要申请validation,这时候就会有不同的字段和规则。如果您可以构建一个在运行时配置的通用验证函数,那就太好了。通用验证函数现在我们有了这个验证函数,我们可以在所有表??单中重用它,而无需为每个表单编写自定义验证函数。13.双位运算符位运算符是JavaScript初级教程的基础知识点,但是我们并不经常用到位运算符。因为没有人愿意在不处理二进制的情况下处理1和0。但是二元运算符有一个非常有用的例子。您可以使用二元运算符代替Math.floor()。双取反位运算符的优点是它可以更快地执行相同的操作。Math.floor(4.9)===4//true简写为:~~4.9===4//true
