Javascript 判断是否存在函数的方法

判断函数是否存在是 JavaScript 编程中非常常见的问题，可以使用以下方法来完成：

1. 使用 typeof 来判断

JavaScript 中，当函数存在时，其类型为 "function"，可以利用这一点来判断函数是否存在。

if (typeof myFunction === "function") {
  // myFunction 存在
} else {
  // myFunction 不存在
}

这种方法的优点是简单易懂，代码量较少；缺点是无法判断函数是否被正确定义。

2. 使用 in 来判断

另一种常见的判断函数是否存在的方法是使用 in 运算符，其可以判断一个对象是否包含某个属性或方法。

if ("myFunction" in window) {
  // myFunction 存在
} else {
  // myFunction 不存在
}

这种方法与上面的方法比较类似，但其可以判断函数是否被正确定义。

示例说明

下面我们通过两个示例来说明这两种方法的使用。

示例1

// 定义函数
function myFunc() {
  console.log("Hello, World!");
}

// 使用 typeof 判断函数是否存在
if (typeof myFunc === "function") {
  myFunc(); // Hello, World!
} else {
  console.log("myFunc 不存在");
}

// 使用 in 判断函数是否存在
if ("myFunc" in window) {
  myFunc(); // Hello, World!
} else {
  console.log("myFunc 不存在");
}

在上面的示例中，我们定义了一个名为 myFunc 的函数，并使用两种方法判断该函数是否存在。由于函数已经被正确定义，因此两种方法都将返回 true。

示例2

// 未定义函数
var myFunc;

// 使用 typeof 判断函数是否存在
if (typeof myFunc === "function") {
  myFunc(); // TypeError: myFunc is not a function
} else {
  console.log("myFunc 不存在");
}

// 使用 in 判断函数是否存在
if ("myFunc" in window) {
  myFunc(); // TypeError: myFunc is not a function
} else {
  console.log("myFunc 不存在");
}

在上面的示例中，我们先声明了一个名为 myFunc 的变量，但并未进行函数定义，因此函数不存在。使用 typeof 判断函数是否存在时，结果为 false，由于无法正确调用该变量，会导致 TypeError。而使用 in 判断函数是否存在时，结果同样为 false，但并不会导致 TypeError。

可以看出，使用 in 判断函数是否存在比使用 typeof 判断函数是否存在更加准确，但也相对复杂一些。针对具体的场景，我们可以选择最适合的方法。