15個必備的javascript小技巧，看的懂是入門，全會寫就是大牛

一、變量轉換

看起來很簡單，但據我所看到的，使用構造函數，像Array()或者Number()來進行變量轉換是經常使用的作法。始終使用原始數據類型（有時也稱爲字面量）來轉換變量，這種沒有任何額外的影響的作法反而效率更高。

轉換日期(new Date(myVar))和正則表達式(new RegExp(myVar))必須使用構造函數，並且建立正則表達式的時候要使用/pattern/flags的形式。

二、玩轉數字

三、判斷屬性是否存在

這個問題包含兩個方面，既有檢查屬性時候存在，還要獲取屬性的類型。但咱們老是忽略了這些小事情:

可是，有的狀況下，咱們有更深的結構和須要更合適的檢查的時候，能夠這樣：

四、對數組排序進行「洗牌」隨機排序

這段代碼在這裏使用Fisher Yates洗牌算法給一個指定的數組進行洗牌(隨機排序)。

五、返回對象的函數可以用於鏈式操做
當建立面向對象的JavaScript對象的function時，函數返回一個對象將可以讓函數可鏈式的寫在一塊兒來執行。

六、爲replace()方法傳遞一個函數
有的時候你想替換字符串的某個部分爲其它的值，最好的方法就是給String.replace()傳遞一個獨立的函數。下面是一個簡單例子：

七、十進制轉換爲十六進制或者八進制，或者反過來
你是否是寫個單獨的函數來轉換十六進制（或者八進制）呢？立刻停下吧！有更容易的現成的函數能夠用：

八、更快的四捨五入
今天的技巧是關於性能。見到過雙波浪線"~~"操做符嗎？它有時也被稱爲double NOT運算符。你能夠更快的使用它來做爲Math.floor()替代品。爲何呢？

相信有不少學習web前端的道友，在這裏我給你們說說我滴羣哦，web前端海量知識分享，就是前面是575中間是308後面是719，在此我保證，絕對web前端的乾貨，等待各位的到來，咱們一同從入門到精通吧！

單位移~將32位轉換輸入-(輸入+1)，所以雙位移將輸入轉換爲-(-(輸入+1))，這是個趨於0的偉大的工具。對於輸入的數字，它將模仿Math.ceil()取負值和Math.floor()取正值。若是執行失敗，則返回0，這可能在用來代替Math.floor()失敗時返回一個NaN的時候發揮做用。

雖然~~可能有更好的表現，爲了可讀性，請使用Math.floor()。
九、模板字符串
截至ES6，JS已經有模板字符串做爲替代經典的結束引用的字符串。

十、處理一個數組或單個元素做爲參數的方法
相比於寫個單獨的方法去分別操做一個數組和一個元素做爲參數的函數，更好的是寫一個通用的函數，這樣就均可以操做。這相似於一些jQuery的方法(css匹配將修改全部的選擇器)。
你僅須要先將一切放進數組，Array.concat會接收數組或單一的對象：

printUpperCase如今能夠接收不管單一的元素做爲參數仍是一個數組：

十一、Javascript版本檢測
你知道你的瀏覽器支持哪個版本的Javascript嗎？若是不知道的話，去維基百科查一下Javascript版本表吧。出於某種緣由，Javascript 1.7版本的某些特性是沒有獲得普遍的支持。不過大部分瀏覽器都支持了1.8版和1.8.1版的特性。（注：全部的IE瀏覽器（IE8或者更老的版本）只支持1.5版的Javascript）這裏有一個腳本，既能經過檢測特徵來檢測JavaScript版本，它還能檢查特定的Javascript版本所支持的特性。

十二、循環中標籤的使用
有的時候，循環中又嵌套了循環，你可能想在循環中退出，則能夠用標籤：

1三、提高
理解提高將幫助你組織你的function。只須要記住，變量聲明和定義函數會被提高到頂部。變量的定義是不會的，即便你在同一行中聲明和定義一個變量。此外，變量聲明讓系統知道變量存在，而定義是將其賦值給它。

爲了使事情更容易閱讀，在函數做用域內提高變量的聲明將會讓你明確該變量的聲明是來自哪一個做用域。在你須要使用變量以前定義它們。在做用域底部定義函數，確保代碼清晰規範。
1四、爲replace()方法傳遞一個函數
有的時候你想替換字符串的某個部分爲其它的值，最好的方法就是給String.replace()傳遞一個獨立的函數。下面是一個簡單例子：

1五、使用document.createDocumentFragment()
您可能須要動態地追加多個元素到文檔中。然而，直接將它們插入到文檔中會致使這個文檔每次都須要從新佈局一個，相反的，你應該使用文檔碎片，建成後只追加一次：