javascript
JavaScript 经常忽略的 7 个基础知识点
1. 在 String.prototype.replace 方法中使用 /g 和 /i標志位?
令很多 JavaScript 初學者意外的是,字符串的 replace 方法并不會?替換所有匹配的子串——而僅僅替換第一次匹配。當然 JavaScript 老手們都知道這里可以使用正則表達式,并且需要加上一個全局標志位(/g):?
另一個基本的邏輯錯誤就是在大小寫不敏感的校驗場合(字母可大寫可小寫)沒有忽略大小寫,此時 /i 標志位就很實用:?
(譯注:上面這段例程我沒有看懂用意,可能是注釋有誤吧……)?
每個 JavaScript 開發者都曾踩過這兩個標志位的坑——因此別忘了在適當的時候用上它們!?
2. 類數組對象和 Array.prototype.slice 方法?
數組的 slice 方法通常用來從一個數組中抽取片斷。但很多開發者不了解的是,這個方法還可以用來將“類數組”元素(比如 arguments 參數列表、節點列表和屬性列表)轉換成真正的數組:(譯注:DOM 元素的屬性列表通過 attributes屬性獲取,比如 document.body.attributes。)?
(譯注:這里的參數 0 也可以省略,我估計 undefined 被 slice 方法自動轉換為 0 了吧。)?
Array.prototype.slice 絕對是 JavaScript 世界中的一玫珍寶,但 JavaScript 初學者們顯然還沒有意識到它的全部潛力。?
3. Array.prototype.sort 方法?
數組的 sort 方法?遠遠沒有被充分利用,而且可能比開發者們想像的更加強大。很多開發者可能覺得 sort 方法可以用來做這種事情:?
……這沒錯,但它還有更強大的用法,比如這樣:?
你不僅可以對簡單類型的數組項進行排序,可以通過屬性來排序對象。如果哪天服務器端發來一段 JSON 數據,而且其中的對象需要排序,你可別忘了這一招!?
4. 用 length 屬性來截斷數組?
幾乎所有開發者都踩過 JavaScript 的這個坑——“傳對象只是傳引用”。開發者們經常會試圖?把一個數組清空,但實際上卻錯誤地創建了一個新數組。?
坑里的人們終于明白,原來傳對象只是在傳引用。因此當我把 myArray 重新賦值為 [] 時,確實會創建出一個新的空數組,但其它對老數組的引用仍然沒變!大坑啊!還是換用截斷的方法吧,少年。?
5. 使用 push 來合并數組?
在上面的第 2 節里,我展示了數組的 slice 和 apply 方法所能組合出的幾個小妙招,所以對于數組方法的其它技巧,你應該已經做好心理準備了吧。這次我們使用 push 方法來合并數組:?
這是一項不為人知的小技巧,簡單的原生方法就可以實現數組合并這樣的常見任務。(譯注:這個方法的巧妙之外不僅在于 push 方法可以接收多個參數,還涉及到 apply 方法的第二個參數的用法。)?
6. 高效探測功能特性和對象屬性?
很多時候開發者們會像下面這樣來探測瀏覽器的某個特性:?
當然這可以正常工作,但它并不一定有很好的效率。因為這個對象探測方法會在瀏覽器中初始化資源。在過去,上面的代碼片斷可能會在某些瀏覽器下導致內存泄露。更好、更快的方法是檢查對象是否包含某個鍵名:?
鍵名檢查十分簡單,而且可以避免內存泄露。另外請注意,如果這個屬性的值是假值,那么前一種探測方式將會得到“否”的結果,并不能真正探測出這個鍵名是否存在。?
7. 事件對象的 preventDefault 和 stopPropagation 方法?
很多時候,當一個動作元素(比如鏈接)被點擊時,會觸發某個功能。顯然我們并不希望點擊鏈接時瀏覽器順著這個鏈接跳轉,于是我們會習慣性地使用 JavaScript 類庫的 Event.stop 方法:?
(譯注:不知道哪個類庫有這個方法,估計其作用相當于 return false; 吧。語法看起來像 jQuery,但 jQuery 并沒有這個方法,而且 jQuery 是支持 e.preventDefault 和 e.stopPropagation 方法的。)?
這個懶方法有一個問題,它不僅阻止了瀏覽器的默認動作,同時也阻止了事件繼續冒泡。這意味著元素上綁定的其它事件監聽器將不會被觸發,因為它們根本就不知道有事件發生。此時不妨使用 preventDefault 吧!
轉載于:https://www.cnblogs.com/xiaochao12345/p/3862963.html
總結
以上是生活随笔為你收集整理的JavaScript 经常忽略的 7 个基础知识点的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 第四章--调试器及相关工具入门
- 下一篇: [ExtJS5学习笔记]第十节 Extj