對新手有用的JavaScript開發小建議

    這篇文章將向你分享一些不爲人知的但很有用的JavaScript小建議,對那些剛涉及使用JavaScript編程語言的初級開發者應該有很大的幫助。


1. 用數組長度截取數組

我們都知道,對象都是通過使用JavaScript引用的,但這並不是唯一的準則,請看下面的檢驗案例:

var arr1 = arr2 = [1, 2, 3];  
   
//Change arr1  
arr1 = [];// arr2 will still be [1,2,3]  

最初,arr1和arr2都指向了數組[1,2,3],之後當arr1重新指向[ ]的時候,arr2的引用並沒有發生什麼變化,仍然指向[1,2,3]。但是如果我們想讓arr1和arr2都指向[ ]的話,那應該怎麼做呢?我們可以利用數組的長度屬性。當設置arr1.length=0的時候,arr1裏面的要素將被清空。而引用是不會改變的,所以arr1和arr2指向[ ]。

2. 用push來合併數組

我們通常使用concat()來合併兩個數組,例如:

var arr1=[1,2,3];  
var arr2=[4,5,6];  
var arr3=arr1.concat(arr2);  // [1, 2, 3, 4, 5, 6]  

我們同樣可以利用push()來達到這種效果:

var arr1=[1,2,3];  
var arr2=[4,5,6];  
Array.prototype.push.apply(arr1,arr2); // [1, 2, 3, 4, 5, 6] 
應用這種方法可以把一個數組作爲第二個參數,因此,arr2能夠被推送到arr1裏面。

3. 特徵檢測

在我們使用的很多API裏,我們能看到一些特徵檢測語句,這些語句是用來檢查瀏覽器是否支持特定的屬性或方法,以便能夠支持跨瀏覽器兼容性。可以這樣做:

if(window.opera){  
    console.log("OPERA");  
}else{  
    console.log("NOT OPERA");  
}  

這樣的運作方式是正確的,但它的缺點是效率不高。這種類型的對象檢測將在瀏覽器裏初始化資源。更有效地方式是檢查密鑰是否在某一個對象裏。

if("opera" in window){  
    console.log("OPERA");  
}else{  
    console.log("NOT OPERA");  
} 

4. 檢查某一個對象是不是數組

在JavaScript編程語言裏,我們可以使用typeof來檢查變量的類型,typeof可以返回數字、布爾值、字符串、對象、函數和未定義的對象。事實上這裏沒有數組,typeof數組就是一個對象。所以我們怎麼來決定一個對象就是一個數組呢?在ECMAScript 5編程語言裏,我們可以使用 Array.isArray(obj)來檢查這裏所提到的問題。但是目前ECMAScript 5還沒有得到廣泛使用。

不過,我們可以使用下面的方法:

var obj=[];  
Object.prototype.toString.call(obj)=="[object Array]";  // true 


發佈了168 篇原創文章 · 獲贊 55 · 訪問量 18萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章