史上最全JavaScript常用的简写技巧(推荐)

  

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常用的简写技巧(推荐)