判断函数方法：typeof与toString对比

IT行业相对于一般传统行业，发展更新速度更快，一旦停止了学习，很快就会被行业所淘汰。所以我们需要踏踏实实的不断学习，精进自己的技术，尤其是初学者。今天golang学习网给大家整理了《判断变量是否为函数，可以使用 typeof 操作符或 Object.prototype.toString.call() 方法。以下是两种常用方式：✅ 方法一：使用 typeoffunction isFunction(variable) { return typeof variable === 'function'; }示例：isFunction(function() {}) // true isFunction(123) // false isFunction('abc') // false isFunction({}) // false✅ 方法二：使用 Object.prototype.toString.call()这种方法更准确，因为它能区分不同类型的函数（如箭头函数、普通函数等）。function isFunction(variable) { return Object.prototype.toString.call(variable) === '[object Function]'; }示例：isFunction(function() {}) // true isFunction(() => {}) // true isFunction(123) // false isFunction('abc') // false isFunction({}) // false📌 总结方法优点缺点typeof简洁、易读无法区分某些特殊函数（如生成器函数）Object.prototype.toString.call()更精确、兼容性好代码稍长💡 建议如果你只需要判断是否》，聊聊，我们一起来看看吧！

判断JavaScript变量是否为函数，最简单的方法是使用typeof运算符，它对函数返回"function"；2. 更可靠的方法是使用Object.prototype.toString.call()，其返回值为"[object Function]"时可确定为函数；3. instanceof Function也可用于判断，但在跨iframe等场景下可能因构造函数不同而失效；4. typeof和Object.prototype.toString.call()均可正确识别箭头函数和传统函数，二者在类型检查中无区别；5. 类中的方法也是函数，可用相同方法判断；6. 不推荐使用variable.constructor === Function，因为constructor属性可被修改，导致判断不准确。综上，优先推荐使用Object.prototype.toString.call()方法以确保最高可靠性。

判断一个JavaScript变量是否为函数，核心在于检查其数据类型。JavaScript提供了多种方式来实现这一点，但有些方法比其他方法更可靠。

解决方案：

最常用的方法是使用 typeof 运算符。 它可以返回变量的类型，如果是函数，则返回 "function"。

function myFunction() {
  // 一些代码
}

let myVariable = "hello";

console.log(typeof myFunction); // 输出 "function"
console.log(typeof myVariable); // 输出 "string"

这种方法简单直接，但在某些特殊情况下可能不准确，例如，在某些旧版本的浏览器中，使用 typeof 检查正则表达式时可能会返回 "object" 而不是期望的 "function"。（虽然正则表达式不是函数，但这里仅作为typeof的局限性示例）

更可靠的方法是结合使用 typeof 和 instanceof 运算符。 instanceof 运算符用于检测构造函数的 prototype 属性是否存在于某个实例对象的原型链上。

function myFunction() {}

console.log(typeof myFunction === 'function'); // true
console.log(myFunction instanceof Function); // true

instanceof Function 检查变量是否是由 Function 构造函数创建的。 虽然这种方法更严谨，但仍然存在一些边缘情况，例如在不同的 iframe 之间传递函数时，可能会因为 Function 构造函数不同而导致 instanceof 返回 false。

还有一种方法是使用 Object.prototype.toString.call() 方法。 这种方法可以准确地获取变量的内部 [[Class]] 属性，从而确定其类型。

function myFunction() {}

console.log(Object.prototype.toString.call(myFunction)); // 输出 "[object Function]"

通过检查返回的字符串是否包含 "[object Function]"，可以准确地判断变量是否为函数。 这种方法是最可靠的，因为它不受浏览器兼容性问题或 iframe 限制的影响。

总的来说，选择哪种方法取决于具体的应用场景和对准确性的要求。 在大多数情况下，typeof 运算符已经足够使用。 但是，如果需要更高的准确性，建议使用 Object.prototype.toString.call() 方法。

如何处理箭头函数和传统函数？

箭头函数和传统函数在JavaScript中略有不同。 使用上述方法都可以正确识别箭头函数。

const arrowFunction = () => {
  // 一些代码
};

function traditionalFunction() {
  // 一些代码
}

console.log(typeof arrowFunction); // 输出 "function"
console.log(Object.prototype.toString.call(arrowFunction)); // 输出 "[object Function]"

console.log(typeof traditionalFunction); // 输出 "function"
console.log(Object.prototype.toString.call(traditionalFunction)); // 输出 "[object Function]"

typeof 运算符和 Object.prototype.toString.call() 方法都可以区分箭头函数和传统函数，它们都会返回 "function" 或 "[object Function]"。 实际上，从类型检查的角度来看，箭头函数和传统函数并没有区别。

如何处理类中的方法？

类中的方法本质上也是函数。 因此，可以使用相同的方法来判断类中的方法是否为函数。

class MyClass {
  myMethod() {
    // 一些代码
  }
}

const myInstance = new MyClass();

console.log(typeof myInstance.myMethod); // 输出 "function"
console.log(Object.prototype.toString.call(myInstance.myMethod)); // 输出 "[object Function]"

即使方法定义在类中，typeof 运算符和 Object.prototype.toString.call() 方法仍然可以正确地识别它们为函数。

为什么不直接使用 variable.constructor === Function？

虽然 variable.constructor === Function 在某些情况下可以工作，但它不如 Object.prototype.toString.call(variable) 可靠。 主要原因是 constructor 属性是可以被修改的。

function MyFunction() {}

let myFunction = new MyFunction();

console.log(myFunction.constructor === MyFunction); // true
console.log(myFunction.constructor === Function); // false

MyFunction.prototype.constructor = Object;

console.log(myFunction.constructor === Object); // true
console.log(myFunction.constructor === Function); // false

如上面的例子所示，我们可以修改 MyFunction 的 prototype 的 constructor 属性，使其指向 Object。 这将导致 myFunction.constructor === Function 返回 false，即使 myFunction 实际上是一个函数。

Object.prototype.toString.call(variable) 方法直接检查变量的内部 [[Class]] 属性，而不依赖于 constructor 属性，因此更加可靠。

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~