首頁 > web前端 > js教程 > 主體

web開發中怎樣檢測函數

php中世界最好的语言
發布: 2018-06-04 10:48:55
原創
1367 人瀏覽過

這次為大家帶來web開發中怎樣檢測函數,web開發中檢測函數的注意事項有哪些,下面就是實戰案例,一起來看一下。

從技術上講,JS中的函數是引用類型,同樣存在Function建構子,每個函數都是其實例,例如:

function myFunc () {}// 不好的写法console.log(myFunc instanceof Function); // true// 好的写法console.log(typeof myFunc === 'function'); // true
登入後複製

然而,這個方法亦不能跨幀(frame)使用,因為每個幀都有各自的Function構造函數。還好typeof運算子也是可以用於函數的,回傳"function"。檢測函數最好的方法是使用typeof,因為它可以跨幀(frame)使用。

用typeof來偵測函數有一個限制。在IE8和更早版本的IE瀏覽器中,使用typeof來偵測DOM節點(例如document.getElementById())中的函數都會傳回" object"而不是"function"。例如:

// IE 8及其更早版本的IEconsole.log(typeof document.getElementById); // "object"console.log(typeof document.createElement); // "object"console.log(typeof document.getElementByTagName); // "object"
登入後複製

之所以會出現這種怪異的現像是因為瀏覽器對DOM的實作由差異。簡言之,這些早期版本的IE並沒有將DOM實作為內建的JS方法,導致內建typeof運算子將這些函數識別為物件。因為DOM是有明確定義的,了解到物件成員如果存在則意味著它是一個方法,開發者往往透過in運算子來偵測DOM的方法,例如:

// 检测DOM方法if ("querySelectorAll" in document) {
  images = document.querySelectorAll("img");
}
登入後複製

這段程式碼檢查querySelectorAll是否定義在了document中,如果是,則使用這個方法。儘管不是最理想的方法,如果想在IE8及更早瀏覽器中偵測DOM方法是否存在,這是最安全的做法。在其他所有的情況中,typeof運算子是檢測JS函數的最佳選擇。

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

web開發中怎樣偵測原始值

web開發中如何避免空比較

#

以上是web開發中怎樣檢測函數的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板