眾所周知，JavaScript是一門非常流行的程式語言，開發者用它不僅可以開發出炫麗的Web程式，還可以用它來開發一些移動應用程式（如PhoneGap或Appcelerator），它還有一些服務端實現，比如NodeJS、Wakanda以及其它實現。此外，許多開發者都會把JavaScript選為入門語言，使用它來做一些彈出視窗等小東西。

在這篇文章中，作者將會向大家分享JavaScript開發的小技巧、最佳實踐等非常實用的內容，不管你是前端開發者還是服務端開發者，都應該來看看這些小技巧，它們絕對會讓你受益的。

文中所提供的程式碼片段都已經過最新版的Chrome 30測試，該瀏覽器使用V8 JavaScript引擎（V8 3.20.17.15）。

1.第一次給變數賦值時，別忘記var關鍵字

給一個未宣告的變數賦值，該變數會被自動建立為全域性變數，在JS開發中，應該避免使用全域性變數。

2.使用===替換==

並且永遠不要使用=或！=。

1. [10] === 10    // is false
2. [10]  == 10    // is true
3. '10' == 10     // is true
4. '10' === 10    // is false
5.  []   == 0     // is true
6.  [] ===  0     // is false
7.  '' == false// is true but true == "a" is false
8.  '' ===   false
   // is false 

在行終止的地方使用分號是一個很好的習慣，即使開發人員忘記加分號，編譯器也不會有任何提示，因為在大多數情況下，JavaScript解析器會自動加上。 

4.建立建構函式

1. function Person(firstName, lastName){  
2.     this.firstName =  firstName;  
3.     this.lastName = lastName;          
4. }    
5. var Saad = new Person("Saad", "Mousliki");  

1. var arr = ["a", "b", "c"];  
2. typeof arr;   // return "object" 
3. arr  instanceof Array // true
4. arr.constructor();  //[]

這通常會被稱為自我呼叫的匿名函式或立即呼叫函式表示式（LLFE）。當函式被建立的時候就會自動執行，好比下面這個： 

1. (function(){  
2.     // some private code that will be executed automatically
3. })();    
4. (function(a,b){  
5.     var result = a+b;  
6.     return result;  
7. })(10,20)  

1. var items = [12, 548 , 'a' , 2 , 5478 , 'foo' , 8852, , 'Doe' , 2145 , 119];  
2. var  randomItem = items[Math.floor(Math.random() * items.length)];  

下面這段程式碼非常通用，當你需要生成一個假的資料用來測試時，比如在最低工資和最高之前獲取一個隨機值。

1. var x = Math.floor(Math.random() * (max - min + 1)) + min;  

1. var numbersArray = [] , max = 100;  
2. for( var i=1; numbersArray.push(i++) < max;);  // numbers = [0,1,2,3 ... 100] 

1. function generateRandomAlphaNum(len) {  
2.     var rdmstring = "";  
3.     for( ; rdmString.length < len; rdmString  += Math.random().toString(36).substr(2));  
4.     return  rdmString.substr(0, len);  
5. }  

1. var numbers = [5, 458 , 120 , -215 , 228 , 400 , 122205, -85411];  
2. numbers = numbers.sort(function(){ return Math.random() - 0.5});  
3. /* the array numbers will be equal for example to [120, 5, 228, -215, 400, 458, -85411, 122205]  */

trim函式可以刪除字串的空白字元，可以用在Java、C#、PHP等多門語言裡。

1. String.prototype.trim = function(){returnthis.replace(/^\s+|\s+$/g, "");};    

1. var array1 = [12 , "foo" , {name "Joe"} , -2458];  
2. var array2 = ["Doe" , 555 , 100];  
3. Array.prototype.push.apply(array1, array2);  
4. /* array1 will be equal to  [12 , "foo" , {name "Joe"} , -2458 , "Doe" , 555 , 100] */

1. var argArray = Array.prototype.slice.call(arguments);  

1. function isNumber(n){  
2.     return !isNaN(parseFloat(n)) && isFinite(n);  
3. }  

1. function isArray(obj){  
2.     return Object.prototype.toString.call(obj) === '[object Array]' ;  
3. }  

注意，如果toString()方法被重寫了，你將不會得到預期結果。 

或者你可以這樣寫：

1. Array.isArray(obj); // its a new Array method

1. var myFrame = document.createElement('iframe');  
2. document.body.appendChild(myFrame);  
3. var myArray = window.frames[window.frames.length-1].Array;  
4. var arr = new myArray(a,b,10); // [a,b,10]  
5. // instanceof will not work correctly, myArray loses his constructor 
6. // constructor is not shared between frames
7. arr instanceof Array; // false

1. var  numbers = [5, 458 , 120 , -215 , 228 , 400 , 122205, -85411];   
2. var maxInNumbers = Math.max.apply(Math, numbers);   
3. var minInNumbers = Math.min.apply(Math, numbers);  

1. var myArray = [12 , 222 , 1000 ];    
2. myArray.length = 0; // myArray will be equal to [].

開發者可以使用split來代替使用delete來刪除陣列項。與其刪除陣列中未定義專案，還不如使用delete來替代。 

1. var items = [12, 548 ,'a' , 2 , 5478 , 'foo' , 8852, , 'Doe' ,2154 , 119 ];   
2. items.length; // return 11 
3. delete items[3]; // return true 
4. items.length; // return 11 
5. /* items will be equal to [12, 548, "a", undefined × 1, 5478, "foo", 8852, undefined × 1, "Doe", 2154,       119]   */

1. var items = [12, 548 ,'a' , 2 , 5478 , 'foo' , 8852, , 'Doe' ,2154 , 119 ];   
2. items.length; // return 11 
3. items.splice(3,1) ;   
4. items.length; // return 10 
5. /* items will be equal to [12, 548, "a", 5478, "foo", 8852, undefined × 1, "Doe", 2154,       119]   */

delete方法應該刪除一個物件屬性。 

20.使用length屬性縮短陣列

如上文提到的清空陣列，開發者還可以使用length屬性縮短陣列。

1. var myArray = [12 , 222 , 1000 , 124 , 98 , 10 ];    
2. myArray.length = 4; // myArray will be equal to [12 , 222 , 1000 , 124].

1. myArray.length = 10; // the new array length is 10 
2. myArray[myArray.length - 1] ; // undefined