JavaScript必看小技巧(必看).pdfVIP

在这篇文章中将给大家分享有关于 JavaScript 的小技巧。这些小技巧可能在你的实际工 作中或许能帮助你解决一些问题。 使用 !! 操作符转换布尔值 有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值， 如果存在就 返回 true 值。为了做这样的验证，我们可以使用 !! 操作符来实现是非常的方便与简单。对于 变量可以使用 !!variable 做检测，只要变量的值为 :0、 null 、 、undefined 或者 NaN 都将返 回的是 false ，反之返回的是 true。比如下面的示例： function Account(cash) { nbsp; this.cash = cash; nbsp; this.hasMoney = !!cash; } var account = new Account(100.50); console.log(account.cash); // 100.50 console.log(account.hasMoney); // true var emptyAccount = new Account(0); console.log(emptyAccount.cash); // 0 console.log(emptyAccount.hasMoney); // false 在这个示例中， 只要 account.cash 的值大于 0，那么 account.hasMoney 返回的值就是 true 。 使用 +将字符串转换成数字 这个技巧非常有用， 其非常简单， 可以交字符串数据转换成数字， 不过其只适合用于字 符串数据，否则将返回 NaN ，比如下面的示例： function toNumber(strNumber) { nbsp; return +strNumber; } console.log(toNumber(1234)); // 1234 console.log(toNumber(ACB)); // NaN 这个也适用于 Date，在本例中，它将返回的是时间戳数字： console.log(+new Date()) // 1461288164385 并条件符 如果你有一段这样的代码： if (conected) { nbsp; login(); } 你也可以将变量简写，并且使用 amp;amp; 和函数连接在一起，比如上面的示例，可 以简写成这样： conected amp;amp; login(); 如果一些属性或函数存在于一个对象中，你也可以这样做检测，如下面的代码所示： user amp;amp; user.login(); 使用 ||运算符 在 ES6 中有默认参数这一特性。为了在老版本的浏览器中模拟这一特性，可以使用 ||操 作符，并且将将默认值当做第二个参数传入。如果第一个参数返回的值为 false ，那么第二 个值将会认为是一个默认值。如下面这个示例： function User(name, age) { nbsp; this.name = name || Oliver Queen; nbsp; this.age = age || 27; } var user1 = new User(); console.log(user1.name); // Oliver Queen console.log(user1.age); // 27 var user2 = new U