我无法提出更好的问题标题,抱歉。
我的问题是,he.js
根据https://github.com/mathiasbynens/he/blob/master/he.js,他们使用以下代码:
/*! https://mths.be/he v0.5.0 by @mathias | MIT license */
;(function(root) {
//...omitted
var he = {
'version': '0.5.0',
'encode': encode,
'decode': decode,
'escape': escape,
'unescape': decode
};
// Some AMD build optimizers, like r.js, check for specific condition patterns
// like the following:
if (
typeof define == 'function' &&
typeof define.amd == 'object' &&
define.amd
) {
define(function() {
return he;
});
} else if (freeExports && !freeExports.nodeType) {
if (freeModule) { // in Node.js or RingoJS v0.8.0+
freeModule.exports = he;
} else { // in Narwhal or RingoJS v0.7.0-
for (var key in he) {
has(he, key) && (freeExports[key] = he[key]);
}
}
} else { // in Rhino or a web browser
root.he = he;
}
}(this));
如果您将其导入页面
<script src="he.js"></script>
您可以将页面中的方法称为he.encode(...)
。
我的问题是,它究竟如何设置变量he
?
我的意思是,我可以看到
} else { // in Rhino or a web browser
root.he = he;
}
}(this));
但是在}(this));
的电话中,this
究竟是什么?
答案 0 :(得分:5)
让我们简化:
;(function(root) {
...
}(this));
因此,我们有一个带有root
参数的函数。立即调用此函数(http://benalman.com/news/2010/11/immediately-invoked-function-expression/),我们将值this
传递给它。
在此上下文中,this
是您的全局对象。如果您使用的是浏览器,则您的全局对象将为window
。
所以,如果你确实在使用浏览器:
root.he = he;
实际上与:
相同window.he = he;
请注意,我们不一定需要使用浏览器,这要归功于像Node这样的平台,现在还有其他上下文,其中this
全局对象不是window
。这就是为什么另一个没有明确指定window
并经历这个特定的练习。