Question

我有这段代码：

var Helper = function () {

    this.prototype = {
        loadScripts: function (scripts, path) {
            scripts = $.map(scripts, function (scr) {
                return $.getScript((path || '') + scr);
            });

            scripts.push($.Deferred(function (deferred) {
                $(deferred.resolve);
            }));

            return $.when.apply($, scripts);
        }
    };

    return {
        loadScripts: loadScripts,
    };
};

但我不能像Helper.loadScripts（）一样访问方法loadScripts：

// Getting TypeError: FraggyHelper.loadScripts is not a function
Helper.loadScripts(['foo.js', 'bar.js'], '/path/to/');

为什么？我怎样才能访问这个功能？

Answer 1

试试这个

var Helper = {
    loadScripts: function (scripts, path) {
        scripts = $.map(scripts, function (scr) {
            return $.getScript((path || '') + scr);
        });

        scripts.push($.Deferred(function (deferred) {
            $(deferred.resolve);
        }));

        return $.when.apply($, scripts);
    }
};

Answer 2

var Helper = (function () {

    var loadScripts =  function (scripts, path) {
        scripts = $.map(scripts, function (scr) {
            return $.getScript((path || '') + scr);
        });

        scripts.push($.Deferred(function (deferred) {
            $(deferred.resolve);
        }));

        return $.when.apply($, scripts);
    };

return {
    loadScripts: loadScripts,
}  })();

你可以像上面那样做IFFE

Answer 3

将其更改为：

var Helper = function () {};

Helper.prototype.loadScripts = function (scripts, path) {
  scripts = $.map(scripts, function (scr) {
    return $.getScript((path || '') + scr);
  });

  scripts.push($.Deferred(function (deferred) {
    $(deferred.resolve);
  }));

  return $.when.apply($, scripts);
};

// Getting TypeError: FraggyHelper.loadScripts is not a function
new Helper().loadScripts(['foo.js', 'bar.js'], '/path/to/');

获取对象的公共方法/函数

3 个答案: