6

为什么在谷歌分析跟踪代码中，他们将这些行包装在一个闭包中？

(function() {
   var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
   ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

如果没有父关闭，它会不会一样工作？

4

2 回答 2

7

它的工作原理相同，但如果您声明了一个带有 Google 代码中使用的标识符的变量，它可能很容易破坏您页面上的其他脚本。

通过将声明包装在闭包中，变量的作用域是匿名函数，并且不会泄漏到全局作用域。

例如，考虑这个具有新范围的示例：

var ga = "something important for my script"; // Not overwritten in this scope

(function() {
   var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
   ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

而这个没有它的例子：

var ga = "something important for my script"; // Overwritten!

var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
于 2012-10-31T08:01:53.663 回答
3

只要没有使用相同名称定义的全局范围变量，它就可以正常工作。将代码包装在闭包中会将其置于自己的范围内，以便它独立于页面上的任何其他代码。

于 2012-10-31T08:02:16.990 回答