JavaScript是属于网络的脚本语言!被数百万计的网页用来改进设计,验证表单,检测浏览器,创建饼干,以及更多的应用。同时很容易使用,所以越来越多的开发者选择js代码来实现自己想要的效果,但开发过程中,为了更高的效率和良好的代码规范要求,我们不得不知晓js一些常用的简写技巧,如下我帮大家整理了下,一起进来看看吧~
<强> 1。三元运算符强>
当你想用一行代码来写如果其他…语句的时候,使用三元操作符是非常好的选择,例如:
const x=20; 让回答; 如果x比;10){ 回答=案蟆? 其他}{ 回答=敖闲 ? }
可以简写为:
const回答=x比;10 & # 63;“大”:“较小”,
引用>也可以嵌套如果语句:
const大=x比;10 & # 63;“十大”:x
引用><强> 2。简写短路求值强>
当给一个变量分配另一个值的时候,你可能想确定初值不是null,未定义或空值。这时,你可以写一个多重条件的如果语句:
如果(variable1 !==null | | variable1 !==定义| | variable1 !==? { 如上所述我们的操作=variable1; }或者可以使用短路求值的方法:
如上所述const的操作=variable1
| |“新”; 引用><强> 3。简写变量声明强>
在定义函数的时候,你可能需要先声明多个变量,例如:
让x; 让y; 让z=3;这时,你可以使用简写的方式节省很多时间和空间,即同时声明多个变量:
让x, y, z=3;
引用><强> 4。简写如果执行条件强>
这可能微不足道,但值得一提,在你做如果条件检查的时候,其赋值操作可以省略,例如:
如果(likeJavaScript===true)
引用>可以简写为:
如果(likeJavaScript)
引用>只有当likeJavaScript是真值的时候,以上两个语句才可以替换。如果判断假值,例如:
让一个; 如果(!==true) {//做某事… }可以简写为:
让一个; 如果(!){//做某事… }<强> 5。简写JavaScript循环方法强>
当你想使用纯javascript而不依赖外库(例如jQuery)的时候,这是非常有用的。
(让我=0;我& lt;allImgs.length;我+ +)
引用>可以简写为:
(让指数allImgs)
引用>也可以使用Array.forEach:
函数logArrayElements(元素、索引数组){ 控制台。日志(“[" + index + "]=" +元素); } (2、5、9).forEach (logArrayElements);//日志://[0]=2//[1]=5//[2]=9<强> 6。短路求值强>
如果想通过判断参数是否为零或者定义来分配默认值的话,我们不需要写六行代码,而是可以使用一个短路逻辑运算符,只用一行代码来完成相同的操作,例如:
让dbHost; 如果(process.env.DB_HOST) { dbHost=process.env.DB_HOST; 其他}{ dbHost=' localhost '; }可以简写为:
<强> const dbHost=process.env。DB_HOST | |“localhost”; 强>
<强> 7。十进制指数强>
当数字的尾部为很多的零时(如10000000),咱们可以使用指数(1 e7)来代替这个数字,例如:
(让我=0;我& lt;10000;我+ +){}
引用>可以简写为:
(让我=0;我& lt;1 e7;我+ +){}
引用>//下面都是返回现实 1 e0===1; 1 e1===10; 1 e2===100; 1 e3===1000; 1 e4===10000; 1 e5===100000;<强> 8。简写对象属性强>
在JavaScript中定义对象很简单,而且ES6提供了一个更简单的分配对象属性的方法。如果属性名与键值相同,例如:
const obj={x, x, y, y};
引用>则可以简写为:
const obj={x, y};
引用><强> 9。简写箭头函数
史上最全JavaScript常用的简写技巧(推荐)