javascript - 在 JavaScript 中定义自定义对象和函数（第 2 部分）

Question

根据我在此之前提出的问题，我将如何限定这个字符串......

"MyCustomObject.prototype.foo.bar"

对此：

window['MyCustomObject']['prototype']['foo']['bar']

以对象形式？（它必须没有资格...

"window['MyCustomObject']['prototype']['foo']['bar']"

...作为字符串！）。

作为参考，请考虑以下...（代码错误...需要修复（没有 eval 关键字））

var fn = "MyCustomObject.prototype.foo.bar";
var ptr = fn.split('.');
var ptrPath = 'window'
for(var index = 0; index < ptr.length; index++) {
    ptrPath += '[\'' + ptr[index] + '\']';
}
ptrPath = function() {
    alert("Hello");
}

应该解决这个问题；

var inst = new MyObject();
inst.foo.bar();  //alerts...."Hello"

Answer 1

经过一番努力，我终于找到了解决方案。

Object.implement 函数背后的想法是允许开发人员：

1. 按名称定义对象/函数（例如“Custom”或“Custom.prototype.foo.bar”），无论该对象是否存在。

2. 定义对象/函数上下文（EG 窗口）

3. 定义对象/函数实现

4. 如果实现已经存在，定义是否覆盖对象/函数。

考虑 Object.implement 代码示例：

Object.implement = function(fn, context, implementation, override) {
    var properties = fn.split('.');
    var fnName = properties.pop();
    for(var index = 0; index < properties.length; index++) {
        if(!context[properties[index]]) {
            context[properties[index]] = { };
        }
        context = context[properties[index]];
    }
    if(!context[fnName] || override) {
        context[fnName] = implementation;
    }
};

我现在可以使用它来安全地创建/实现对象和函数。考虑一下这有点像“垫片”功能，如果一个功能不存在，则可以提供一个实现，但是通过添加的功能，现有功能也可以被覆盖：

Object.implement("HashTable", window, function() { }, true);
Object.implement("HashTable.prototype.bar", window, function() { alert("Hello World") }, true);

var ht = new HashTable();
ht.bar();

它可以在 FireFox 中运行...我还没有在其他浏览器中进行测试！

Answer 2

我修改了这个问题的答案以满足您的需求。

var getPropertyByName = function (fullString, context) {
        var namespaces = fullString.split(".");
        var functionName = namespaces.pop();

        for (var i = 0; i < namespaces.length; i++) {
            context = context[namespaces[i]];
        }

        return context[functionName];
};

getPropertyByName('MyCustomObject.foo.bar', window);

http://jsfiddle.net/jbabey/4GVUK/

Answer 3

你可以这样尝试：

var fn = "foo.prototype.bar";
var ptr = fn.split('.');
var func = ptr.reduce(function(a, b){
    return a[b] ? a[b] : a;
}, window);

工作演示。