javascript - 调用外部脚本的函数 onload

Question

我正在使用 Google Drive API，并注意到它们正在调用 client.js 的 handleClientLoad 函数 onload。

<script src="https://apis.google.com/js/client.js?onload=handleClientLoad"></script>

为了避免创建全局变量，我想我会从创建另一个 js 文件开始，该文件将包含一个模块模式并返回 handleClientLoad。

var module = (function (window, $) {

    'use strict';

     var module = {
         handleClientLoad: function () {
             console.log('ok, can access');
         }
     };

     return module;

}(window, jQuery));

然后我假设我可以通过执行 module.handleClientLoad 来调用 handleClientLoad，但这似乎不起作用。

    <script src="scripts/main.js"></script>
    <script src="https://apis.google.com/js/client.js?onload=module.handleClientLoad"></script>

问题:

1. 是否可以从client.js的onload中调用module.handleClientLoad？

2. 附加 onload 并从脚本文件调用函数似乎很草率和突兀，不是吗？是否有更简洁的方法来了解 client.js 何时加载？

Answer 1

1. 你试过 debugger 了吗，你确定 module.触发回调时 hanfleClientLoad 是否存在？

2. 您可以轮询是否存在作为全局对象的 gapi.client。在调用其方法之前，给它几毫秒的时间进行初始化。