Получить публичные методы/функции для объекта

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, 
    }; 
}; 

Но я не могу получить доступ к метод loadScripts с Helper.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/');