document.createElement('script') 与 jQuery .getScript 之间的区别

Question

在某些奇怪的情况下，我一直无法让 .getScript 正常工作。

例如，这可以仅在需要时加载脚本。

function twitterSDK() {
    $jQ.getScript('http://platform.twitter.com/widgets.js');
}

function diggShare() {
    $jQ.getScript('http://widgets.digg.com/buttons.js');
}

function buzzShare() {
    $jQ.getScript('http://www.google.com/buzz/api/button.js');
}

然而，它似乎不适用于我编写的一些脚本。如果我调用 .getScript 来获取我已上传到 Pastebin 的 JS 文件 ( http://pastebin .com/GVFcMJ4P ）并调用 tweetStream(); 没有任何反应。但是，如果我执行以下操作，它就会起作用：

var twitter = document.createElement('script');
twitter.type = 'text/javascript';
twitter.async = true;
twitter.src = '/path-to/tweet.js';
$jQ('.twitter-section').append(twitter);
tweetStream();

我做错了什么？任何帮助都会很棒，谢谢！

PS 哪种方法更快或更有效？

注意：我的代码未托管在 Pastebin 上，我只是将服务器上的 .js 文件的内容上传到该网站，以便轻松共享。我不会利用pastebin来托管;)

Answer 1

jQuery 的 $jQ.getScript() 是异步调用。因此，如果您在 getScript() 之后立即调用 tweetStream()，它将在脚本到达之前运行。

您可以从（或作为）回调调用 tweetStream()。

$jQ.getScript('/path-to/tweet.js', function() {
    tweetStream();
});

或者如果您不关心 tweetStream() 中 this 的值，则可以使用 this。

$jQ.getScript('/path-to/tweet.js', tweetStream);