杭州java技術培訓中心_千鋒教育

                javascrtpt前端開發經常誤用的知識

Javascrtpt是進軍web前端開發需要掌握的重要知識之一，但是在運用方便經常會出現誤用的情況。今天小編就大家誤用頻率比較高的知識點，給大家做了一個匯總，希望能對大家的學習有所幫助。

1. 在 String.prototype.replace 方法中使用 /g 和 /i標志位

令很多 JavaScript 初學者意外的是，字符串的 replace 方法并不會 替換所有匹配的子串——而僅僅替換第一次匹配。當然 JavaScript 老手們都知道這里可以使用正則表達式，并且需要加上一個全局標志位（/g）。另一個基本的邏輯錯誤就是在大小寫不敏感的校驗場合（字母可大寫可小寫）沒有忽略大小寫，此時 /i 標志位就很實用。每個 JavaScript 開發者都曾踩過這兩個標志位的坑——因此別忘了在適當的時候用上它們。

2. 類數組對象和 Array.prototype.slice 方法

數組的 slice 方法通常用來從一個數組中抽取片斷。但很多開發者不了解的是，這個方法還可以用來將“類數組”元素（比如 arguments 參數列表、節點列表和屬性列表）轉換成真正的數組：（譯注：DOM 元素的屬性列表通過 attributes屬性獲取，比如 document.body.attributes。）

3. Array.prototype.sort 方法

數組的?sort?方法遠遠沒有被充分利用，而且可能比開發者們想像的更加強大。很多開發者可能覺得 sort 方法可以用來做這種事情。你不僅可以對簡單類型的數組項進行排序，可以通過屬性來排序對象。如果哪天服務器端發來一段 JSON 數據，而且其中的對象需要排序，可別忘了這一招哦。

4.高效探測功能特性和對象屬性

很多時候開發者們會像下面這樣來探測瀏覽器的某個特性，當然這可以正常工作，但它并不一定有很好的效率。因為這個對象探測方法會在瀏覽器中初始化資源。在過去，上面的代碼片斷可能會在某些瀏覽器下導致內存泄露。更好、更快的方法是檢查對象是否包含某個鍵名。鍵名檢查十分簡單，而且可以避免內存泄露。另外請注意，如果這個屬性的值是假值，那么前一種探測方式將會得到“否”的結果，并不能真正探測出這個鍵名是否存在。

這些誤用究其原由，都是因為我們對知識理解的不透徹和錯誤記憶導致的，而這是也是自學的劣勢所在。相比較專業的web前端培訓機構，課程體系更為專業、講師的教學水平相對來說也比較高。

以千鋒教育的HTML5課程為例，課程貫穿項目實戰于其中。大型企業項目實戰，覆蓋各行各業實戰項目，加上千鋒自行研發的升級版教學大綱，結合多項商業案例學習，讓學員擁有理論基礎，同時更具實踐能力。所以想比較而言，學員對于知識把控和理解能力也更為全面，因此出現錯誤理解的情況的概率就相對來說小的多。