如何判断一个对象是否为函数

Posted 2020-08-13 小车厂

首先，在各个浏览器中 html元素节点 的返回值有所差异：

 

1、Firefox2 和 Firefox3 

在这两个浏览器中，用 typeof 检测 HTML 对象元素的类型，得到是一个不精确的 “function” 结果，而不是 “object”，如 HTMLDocument。如： 

alert(typeof HTMLDocument); 
// 在 Firefox2 中结果是 "function"; 
// 在 Firefox3 中结果是 "object"; 

 

 

2、Firefox2 

对于正则表达式，在该浏览器中返回的结果是 “function”(在 Firefox3 中结果是 “object”)，如： 

var reg = /test/; 
alert(typeof reg); 
// 在 Firefox2 中结果是 "function"; 
// 在 Firefox3 中结果是 "object"; 

注：本人在 safari 中测试，其结果也是 “function”。 

 

3、IE6 和 IE7 

在 IE 中对 DOM 元素使用 typeof 方法，得到的结果是 “object”。如： 

alert(typeof document.getElementsByTagName("body")[0].getAttribute); 
// 结果是 "object" 

 

4、Safari 3 
safari 认为 DOM 元素的 NodeList 是一个函数，如： 

alert(typeof document.body.childNodes); 
// 结果是 "function" 

很明显，如果你要测试一个对象是否为函数，使用 typeof 方法并不能从真正意义上保证测试结果。那么，我们就需要一种在所有浏览器中都能保证测试结果的解决方案。我们知道 function 本身有 apply() 和 call() 两种方法，但这两个方法在 IE 中存在问题的函数中并不存在，试试下面的测试： 

alert(typeof document.getElementsByTagName("body")[0].getAttribute.call) 
// 在 IE 中结果是 "undefined" 

 

 

所以有一种方法：

function isFunction(fn) { 
return !!fn && !fn.nodeName && fn.constructor != String && 
fn.constructor != RegExp && fn.constructor != Array && 
/function/i.test(fn + ""); 
} 

 

参考： http://www.jb51.net/article/19841.htm

 

此外还有一种方法：

/**
 * 判断对象是否为函数，如果当前运行环境对可调用对象（如正则表达式）
 * 的typeof返回‘function‘，采用通用方法，否则采用优化方法
 *
 * @param {Any} arg 需要检测是否为函数的对象
 * @return {boolean} 如果参数是函数，返回true，否则false
 */
function isFunction(arg) {
    if (arg) {
        if (typeof (/./) !== ‘function‘) {
            return typeof arg === ‘function‘;
        } else {
            return Object.prototype.toString.call(arg) === ‘[object Function]‘;
        }
    } // end if
    return false;
}

 

参考：如何判断一个对象是否为函数