用运算符破解Javascript 小小书 XXshu

在使用Javascript进行编码时，我发现了许多有用的技巧，可帮助我节省大量时间，提高工作效率，编写可读性强的代码。运算符就是其中之一。因此，今天我想与大家分享我最喜欢的5种使用运算符的技巧。

1）短路评估

假设您有以下代码：

 让canBuy = true;

 函数buy（）{ 
  console.log（'购买'）; 
  }

现在，而不是像这样编码：

 如果（canBuy）{ 
 购买（）;  //返回“购买” 
  }

  //您可以像这样编码 
  canBuy && buy（）;  //返回“购买”

2）使用!!转换为布尔值！算子

在Javascript中，您可以使用!!将表达式转换为以下列出的值之一返回false以及将其他任何值返回true的表达式!! 操作员。

null ; NaN; 0 NaN; 0 空字符串（ "" ）； undefined

当我们要检查某个变量是否存在或是否具有有效值以将其视为真值时，此运算符确实很有用。要在实践中理解它，请看以下简单示例：

 函数setCanPrint（quantity）{ 
 返回!!数量; 
  }

  console.log（setCanPrint（1））;  //正确 
  console.log（setCanPrint（undefined））;  //错误

3）+运算符，将字符串转换为数字

如果是有效字符串，只需返回一个相应的数字，否则返回NaN 。看一下这个例子：

  console.log（+'123'）;  // 123

  console.log（+'12a'）;  // NaN

该魔术也可以与Date一起使用，在这种情况下，它将返回时间戳记号：

  console.log(+new Date()) // 1491563677307

4）逗号“，”运算符编写可读而优美的代码

如果您知道如何正确使用它，逗号运算符可以帮助您编写可读而优美的代码。

 hasCash ? (buy(), go()) : (saySorry(), exit());

  //或在另一个示例中 
 for(var  
 for(var a = 1, b = 10; a*b; a++, b--) { 
 console.log(new a = 1, b = 10; a*b; a++, b--) { 
 console.log(new  a = 1, b = 10; a*b; a++, b--) { 
 console.log(new Array(a*b).join('*')); 
 } Array(a*b).join('*')); 
 }

5）使用||的默认值算子

如果第一个参数返回false则第二个参数将用作默认值。请参阅以下示例：

 函数addProduct（_product）{ 
 让产品= { 
 未售出：_product.unsold ||  0， 
 错误标签：_product.mistakes ||  0 
  }; 
  this.productsList.push（product）; 
  }

就是这样，我希望这些运算符可以帮助您编写更具可读性和优美的代码，并在使用Javascript进行编码时提高工作效率。我将在以后的文章中尝试与您分享更多类似的内容。

用运算符破解Javascript

1）短路评估

2）使用!!转换为布尔值！ 算子

3）+运算符，将字符串转换为数字

4）逗号“，”运算符编写可读而优美的代码

5）使用||的默认值 算子

2）使用!!转换为布尔值！算子

5）使用||的默认值算子