我试图了解在 javascript 中创建对象和方法的不同方法。我已经阅读了很多文章、博客和 stackoverflow 问题,我想我大致了解了这个概念。但是我遇到了一个小型 javascript 库(用 coffeescript 编写),它创建对象和方法的方式让我有点困惑。
我已经包含了一个片段,但如果你愿意,你可以在instafeed.js找到完整的脚本。
代码:
(function() {
var Instafeed, root;
Instafeed = (function() {
function Instafeed(params) {
var option, value;
this.options = {
target: 'instafeed',
get: 'popular',
resolution: 'thumbnail',
sortBy: 'most-recent',
links: true,
limit: 15,
mock: false
};
if (typeof params === 'object') {
for (option in params) {
value = params[option];
this.options[option] = value;
}
}
}
Instafeed.prototype.run = function() {
var header, instanceName, script;
if (typeof this.options.clientId !== 'string') {
if (typeof this.options.accessToken !== 'string') {
throw new Error("Missing clientId or accessToken.");
}
}
if (typeof this.options.accessToken !== 'string') {
if (typeof this.options.clientId !== 'string') {
throw new Error("Missing clientId or accessToken.");
}
}
if ((this.options.before != null) && typeof this.options.before === 'function') {
this.options.before.call(this);
}
if (typeof document !== "undefined" && document !== null) {
script = document.createElement('script');
script.id = 'instafeed-fetcher';
script.src = this._buildUrl();
header = document.getElementsByTagName('head');
header[0].appendChild(script);
instanceName = "instafeedCache" + this.unique;
window[instanceName] = new Instafeed(this.options);
window[instanceName].unique = this.unique;
}
return true;
}
...
return Instafeed;
})();
root = typeof exports !== "undefined" && exports !== null ? exports : window;
root.Instafeed = Instafeed;
}).call(this);
我很难理解以下内容:
为什么作者更喜欢用 包裹一切
(function(){...}).call(this);
?也许是为了避免创建全局变量?.call(this)
脚本最后的部分有什么作用?作者为什么要创建
root
变量,以下几行是做什么用的?root = typeof exports !== "undefined" && exports !== null ? exports : window; root.Instafeed = Instafeed;
由于这是在咖啡脚本中创建对象和方法的首选方法,我认为这是更好的方法之一。但它比以下版本的优势让我无法理解:
function Instafeed(params) {
...
}
Instafeed.prototype.run = function() {
...
}