javascript - 在调用onclick函数之前检查外部js中的函数是否可用

Question

我们通过 https://athirdpartysite.com/lib.js 异步加载第三方脚本.第三方脚本包含一个函数 FSFB.fbcaller('123abc')，我们希望在用户单击元素时调用它。我们使用 innerHTML 生成#invoker。在将 onclick 事件附加到 #invoker 之前，如何确保函数 FSFB.fbcaller('123abc') 可用？

window.onload = function () {
    function insertAfter(referenceNode, newNode) {
        referenceNode.parentNode.insertBefore(newNode,
    referenceNode.nextSibling);
}

ar el = document.createElement("div");
el.id = "invoker-container";
el.innerHTML = '<ul><li></li><li><div id="invoker"></div></li></ul>';  
var afterel = document.querySelector(".master-container");
insertAfter(afterel, el);
}

Answer 1

您可以使用此条件进行测试:

if (window.FSFB && window.FSFB.fbcaller) {
    // Function is available
}