在這篇文章中，我將分享12個非常有用的JavaScript技巧。這些技巧可以幫助你減少并優化代碼。

1) 使用!!將變量轉換成布爾類型

有時，我們需要檢查一些變量是否存在，或者它是否具有有效值，從而將它們的值視為true。對于做這樣的檢查，你可以使用||（雙重否定運算符），它能自動將任何類型的數據轉換為布爾值，只有這些變量才會返回false：0，null，""，undefined或NaN，其他的都返回true。我們來看看這個簡單的例子：

function Account(cash) {  this.cash = cash;  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的值大于零，則account.hasMoney的值就是true。

2) 使用+將變量轉換成數字

這個轉換超級簡單，但它只適用于數字字符串，不然就會返回NaN（不是數字）。看看這個例子：

function toNumber(strNumber) {  return +strNumber; } console.log(toNumber("1234")); // 1234 console.log(toNumber("ACB")); // NaN 

 這個轉換操作也可以作用于Date，在這種情況下，它將返回時間戳：

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

3) 短路條件

如果你看到過這種類似的代碼:

if (conected) {  login(); } 

那么你可以在這兩個變量之間使用&&（AND運算符）來縮短代碼。例如，前面的代碼可以縮減到一行：

conected && login(); 

你也可以用這種方法來檢查對象中是否存在某些屬性或函數。類似于以下代碼：

user && user.login(); 

4) 使用||設置默認值

在ES6中有默認參數這個功能。為了在舊版瀏覽器中模擬此功能，你可以使用||（OR運算符），并把默認值作為它的第二個參數。如果第一個參數返回false，那么第二個參數將會被作為默認值返回。看下這個例子：

function User(name, age) {  this.name = name || "Oliver Queen";  this.age = age || 27; } var user1 = new User(); console.log(user1.name); // Oliver Queen console.log(user1.age); // 27 var user2 = new User("Barry Allen", 25); console.log(user2.name); // Barry Allen console.log(user2.age); // 25 

5) 在循環中緩存array.length

這個技巧非常簡單，并且在循環處理大數組時能夠避免對性能造成巨大的影響。基本上幾乎每個人都是這樣使用for來循環遍歷一個數組的：

for (var i = 0; i < array.length; i++) {  console.log(array[i]); }

如果你使用較小的數組，那還好，但是如果處理大數組，則此代碼將在每個循環里重復計算數組的大小，這會產生一定的延遲。為了避免這種情況，你可以在變量中緩存array.length，以便在循環中每次都使用緩存來代替array.length：