如果没有异步/竞争条件问题,Google AnalyticsJavaScript如何加载和运行?

时间:2014-10-11 09:09:10

标签: javascript asynchronous google-analytics

安装Google Analytics时,其最新版本的代码(适用于Universal Analytics)如下:

(function(i, s, o, g, r, a, m) {
    i['GoogleAnalyticsObject'] = r;
    i[r] = i[r] || function() {
        (i[r].q = i[r].q || []).push(arguments)
    }, i[r].l = 1 * new Date();
    a = s.createElement(o), m = s.getElementsByTagName(o)[0];
    a.async = 1;
    a.src = g;
    m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

ga('create', 'UA-XXXXXXX-X', 'auto');
ga('send', 'pageview');

代码的第一部分创建<script>标记以加载analytics.js,然后第二部分使用ga()函数激活脚本。

我的问题是 - 如果加载analytics.js需要一些时间,ga()函数如何知道在执行之前等待?为什么ga()在脚本加载之前没有尝试运行?

我想使用类似的机制,希望更好地了解Google的代码会有所帮助。

1 个答案:

答案 0 :(得分:3)

ga.js代码库中的内容比此处更清晰,但它的原理完全相同。

  1. 创建一个空数组(将其视为队列)
  2. 将命令推送到此阵列
  3. 加载JS文件后,运行数组并执行命令
  4. 最后,覆盖推送到数组的方法来解析&amp;执行命令
  5. 对于analytics.js它几乎是相同的东西,但包含在一个函数中(可以重命名)。要回答你的问题,你发送的链接几乎总结了它,但为了清楚起见:由于代码块包含临时解决方案的初始化(将命令推送到数组但实际上没有执行命令),ga()存在因此将运行无误。