這篇文章會分享一些鮮為人知但卻很強大的JavaScript技巧, 各個級別的JavaScript開發(fā)者都會從中受益. 1. 用數組的length屬性清空數組 我們知道在JS中對象類型是按引用傳遞的, 有時候我們卻會被這個規(guī)則所制約. 比如下面的例子: ? 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都指向 [] 該怎么做呢? 我們可以使用數組的length屬性. 當我們設置 arr1.lenget = 0 , 數組arr1中的元素被清空. 然而引用關系并沒有變化, 所以 arr1 和 arr2 現在都指向了空數組 [] . 2. 用push方法合并數組 我們習慣用 concat() 方法來合并2個數組, 比如: var arr1=[1,2,3]; var arr2=[4,5,6]; var arr3=arr1.concat(arr2); arr3; [1, 2, 3, 4, 5, 6]

?

? 我們同樣可以用 push() 方法來實現: var arr1=[1,2,3]; var arr2=[4,5,6]; Array.prototype.push.apply(arr1,arr2); arr1 [1, 2, 3, 4, 5, 6]

?

? (譯者注: 關于兩者速度的比拼, 我在Firefox和Chrome下得到了不同的結果, 請看http://jsperf.com/javascript-array-concat-vs-push?更全的測試用例:?http://jsperf.com/array-concat-vs-push-2/14?) 3. 特征檢測 許多API里我們都能見到特征檢測的代碼, 查看瀏覽器是否支持某個屬性或方法為了有更好的瀏覽器兼容性. 比如: if(window.opera){console.log("OPERA"); }else{console.log("NOT OPERA"); }

?

這段代碼是正確的, 但是可能不夠效率. 它會在瀏覽器中初始化一些資源, 更效率的做法是檢查對象中是否有這個key. if("opera" in window){console.log("OPERA"); }else{console.log("NOT OPERA"); }

?

4. 檢驗一個對象是否是數組 在JavaScript里, 可以用 typeof 來檢查變量類型. typeof 可以返回:number,boolean,string,object,function和undefined. 并沒有array. 實際上數組是object類型. 那么怎么來驗證對象是否是數組呢? 在最新的ECMAScript 5中, 可以用 Array.isArray(object) 來檢驗. 但是ECMAScript 5還沒有推廣開. 我們可以用下面的方法: var obj=[]; Object.prototype.toString.call(obj)=="[object Array]"; true

?

原文地址:?http://www.pixelstech.net/article/1377076088-JavaScript-tips-both-novice-and-veteran-developers-can-benefit-from

轉載于:https://www.cnblogs.com/patrick-holynova/p/3296538.html

總結

以上是生活随笔為你收集整理的[译] 新手和老手都将受益的JavaScript小技巧的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。