我正在尝试在javascript中创建嵌套类定义,只有一个全局对象。
目前我们定义了这样的新类:
FOO.Navigation.Sidebar.Tooltip = function()
{
};
因此,在每个函数定义中,我们必须重复整个嵌套类名称空间:
FOO.Navigation.Sidebar.Tooltip.prototype.show = function()
{
/* do something here */
};
我们引入了一个命名空间函数来创建类。
FOO = { /* ... */ }
FOO.namespace = function(namespaceString)
{
var namespaceParts = namespaceString.split('.');
var currentRoot = FOO;
var index = 0;
// Skip the first namespacePart, if it is already "FOO"
if ("FOO" == namespaceParts[0])
{
index = 1;
}
var currentPart;
for(index; index < namespaceParts.length; index++)
{
// This is the next element in the namespace hierarchy.
currentPart = namespaceParts[index];
// Add a new map for the currentPart to the root (if it does not exist yet).
currentRoot[currentPart] = currentRoot[currentPart] || {};
// The currentPart will be the new root in the next loop.
currentRoot = currentRoot[currentPart];
}
return currentRoot;
};
现在我们想用它来创建一个更易读的先前定义版本,它应该是这样的:
FOO.Navigation.Sidebar.Tooltip = function()
{
this.hallo = "world";
};
var tooltip = FOO.Navigation.Sidebar.Tooltip;
tooltip.prototype.show = function()
{
/* do something */
};
那会创建一个新的全局变量“tooltip”,我们必须输入两次类名。 所以我们想要使用这样的匿名函数:
(function(tooltip) {
tooltip = function()
{
this.hello = "world";
};
tooltip.prototype.show= function()
{
/* do something */
};
}) (FOO.namespace("FOO.Navigation.Sidebar.Tooltip"))
这显然不起作用,因为我们将新功能定义分配给“工具提示”。
所以我的问题是,如果有一种方法只编写一次类名而不创建任何更多的全局变量。
答案 0 :(得分:0)
在我看来,您正在尝试创建Module Pattern的实现。模块通常用于创建单个实例对象;但是,您可以轻松地将工厂方法添加到模块中,以返回新的闭包(函数)。
使用上面粘贴的代码,您可以直接将方法附加到闭包内提供的tooltip
变量;例如:
(function(Tooltip) {
// 'Static' method added to the module definition.
Tooltip.hello = function() {
alert("Hello!");
};
// Factory method which returns a new object.
Tooltip.create(message) {
return {
this.message = message;
this.show = function() { /* ... */ }
};
}
})(FOO.namespace("FOO.Navigation.Sidebar.Tooltip"));
然后你可以在Tooltip上调用hello
方法:
// Invoke a static method.
FOO.Navigation.Sidebar.Tooltip.hello();
// Create a new ToolTip instance.
var myToolTip = FOO.Navigation.Sidebar.Tooltip.create("Hello World");
myToolTip.show();
如果要创建分层类结构,那么您可能需要考虑一个常见的JavaScript库,例如Backbone.js