2

我试图了解在 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);

我很难理解以下内容:

  1. 为什么作者更喜欢用 包裹一切(function(){...}).call(this);?也许是为了避免创建全局变量?

  2. .call(this)脚本最后的部分有什么作用?

  3. 作者为什么要创建root变量,以下几行是做什么用的?

    root = typeof exports !== "undefined" && exports !== null ? exports : window;
    root.Instafeed = Instafeed;
    

由于这是在咖啡脚本中创建对象和方法的首选方法,我认为这是更好的方法之一。但它比以下版本的优势让我无法理解:

function Instafeed(params) {
    ...
}
Instafeed.prototype.run = function() {
    ...
}
4

1 回答 1

3
  1. 是的; 这使得所有以前的顶级vars 成为局部变量。

  2. this等于函数内部的全局对象

  3. 它允许它作为CommonJS 模块工作(用于 Node.js 或 Browserify)

于 2013-10-16T18:19:21.707 回答