我有一堆 String 和其他 JavaScript 类型的扩展方法，它们现在驻留在全局命名空间中。 组织这些扩展方法的最佳实践是什么？我应该将它们封装在命名空间中吗？如果是，如何实现？谢谢！
【问题讨论】：
标签： javascript namespaces extension-methods
Namespace your JavaScript if you need to refer to it elsewhere.
// define your global namespace
var Extensions = Extensions || {};
// add modules to it
Extensions.String = function() {
var myPrivateProperty = 2;
var myPublicProperty = 1;
var myPrivateFunction = function() {
console.log("myPrivateFunction()");
};
var myPublicExtension = function() {
// this extension is being called, now what?
console.log("myPublicExtension()");
};
// this object will be returned, giving access to public vars/methods
return {
myPublicProperty: myPublicProperty,
myPublicExtension : myPublicExtension
};
}();
console.log("Calling myPublicExtension()...");
Extensions.String.myPublicExtension();
Anonymously scope JavaScript if you’re never going to call it elsewhere.
// This will keep your namespace clean
(function() {
// here you can define your modules, functions, etc..
var x = 123;
console.log(x);
// to make something global you can define it like
window.globalVar = 5;
}());
或者您可以使用 prototype 扩展原生 javascript 对象，如下所示：
String.prototype.myExtension = function(p1, p2) {
// here is your function
return this + p1 + p2;
}
这样你不需要定义命名空间，你可以直接从你扩展的任何对象调用你的扩展：
var otherString = "mystring".myExtension(" is", " great!");
console.log(otherString);// mystring is cool
你可以用 javascript 中的任何对象做到这一点
编辑：
原型扩展不会污染全局命名空间，因为它们只能通过您扩展的对象访问。
如果您有许多扩展程序，请考虑将它们放入 extensions.js 之类的文件中，然后在您需要这些扩展程序时将其添加到您的页面中。这样 extensions.js 可以被浏览器缓存，加载速度更快
【讨论】：
有两种方法：
封装在命名空间中（我认为保持事物整洁的最低限度）。自定义命名空间，即：
window.MyNameSpace.trim = function(str) {
return str.replace(/^\s+|\s+$/g, "");
}
（将 MyNameSpace 替换为单个字母！R 代表 Raphael，L 代表 Leaflet 等）
扩展原型！很多人会不同意这一点，但如果它是您的网站并且您不覆盖/与其他任何人的代码冲突，我认为没有什么坏处：
String.prototype.trim = function () {
return this.replace(/^\s+|\s+$/g, "");
};
我发现这个“更干净”，因为您不会传递不必要的参数......但同样，这是一个意见问题......这适用于任何内置类型。其余的我认为应该遵循#1
免责声明：代码来自This 帖子
【讨论】：
String.prototype.myExtension.randomize()。这取决于上下文...