测试 Javascript 中未定义的函数

Question

因此 Safari 一直因为一个特定错误而对我大喊大叫。

我正在尝试使用 Google Maps API 并调用 map.getCenter();。但有时，这种情况会发生在地图完全加载之前。

因此，在我的函数中，我测试了一个 undefined 调用，如下所示：

if (map.getCenter() != undefined)

但这仍然会出错，因为我猜它甚至不喜欢只是为了测试结果是否 undefined 而进行调用是否？

我可以在这里得到一些帮助吗？

谢谢！

Answer 1

我实际上更喜欢类似的东西。

if(typeof myfunc == 'function') { 
    myfunc(); 
}

仅仅因为某些东西不是未定义的，并不意味着它就是一个函数。

Answer 2

if (typeof map !== 'undefined' && map.getCenter) {
   // code for both map and map.getCenter exists
} else {
  // if they dont exist
}

这是检查函数是否存在的正确方法。调用函数来测试其存在将导致错误。

更新：代码片段已更新。

Answer 3

从技术上讲，您应该测试 map 是否未定义，而不是 map.getCenter()。您无法对未定义的引用调用函数。

不过，Google 自己的教程建议您调用 JavaScript 来访问body.onload 处理程序中的 API，以便在加载所有远程 .js 文件之前不会尝试引用任何内容 - 您正在这样做吗？这将永久解决问题，而不是在加载 API 之前执行 JavaScript 时彻底失败。

Answer 4

if (typeof map.getCenter !== 'undefined')

不会抛出错误。

因此，更好的是 if (typeof map.getCenter === 'function') map.getCenter();

Answer 5

我最近养成了使用 typeof 运算符来测试事物和类型的习惯。它将类型作为字符串返回，我认为这可以避免一些响应类型混淆。

if( typeof map.getCenter != 'undefined') ...

我不确定它是否更正确，但我发现这个过程取得了很好的结果。

Answer 6

现在有一个可选的链接运算符可以完成此任务。

可选链接 (?.) 运算符访问对象的属性或调用函数。如果使用此运算符访问的对象或调用的函数未定义或为 null，则表达式会短路并计算为未定义，而不是抛出错误。

const adventurer = {
  name: 'Alice',
  cat: {
    name: 'Dinah'
  }
};

const dogName = adventurer.dog?.name;
console.log(dogName);
// Expected output: undefined

console.log(adventurer.someNonExistentMethod?.());
// Expected output: undefined

https://developer.mozilla.org/en- US/docs/Web/JavaScript/Reference/Operators/Optional_chaining

Answer 7

您应该测试 map 是否未定义。在当前检查中，您仍在尝试执行函数调用。

Answer 8

假设 map.getCenter() 始终是一个函数，则只需使用此检查就足够了：

if (map.getCenter) {
      var x = map.getCenter();
}

Answer 9

对我来说有效的解决方案是try and catch，

const stopPropagation = (e) => {
    try {
        e.stopPropagation();
    } catch (err) {
        console.log("error with stopPropagation: " + err.error);
    }
}

const triggerClick = (e) => {
    stopPropagation(e);
};