Javascript方括号表示法多个动态属性

Question

这可能听起来有点不寻常,我以前从来不需要用这种方式使用方括号表示法,并绞尽脑汁我想不出能够产生预期结果的方法.

我正在实现一个回调包装器来维护this传递方法作为回调时的引用

例如

foo.prototype.wrap = function(name){
    var wrapper,
        self = this;

    wrapper = function(){
        self[name](arguments);
    };

    return wrapper;
};

// usage

foo.wrap('bar');

// executes foo.bar maintaining 'this' as a reference to foo 

我遇到的问题是foo有一些嵌套方法

例如

foo.bar.close();

我试图想办法让wrap方法支持嵌套方法

例如

foo.wrap('bar.close')

// or

foo.wrap('bar','close');

因此该foo.wrap函数需要动态添加对应于传入的长度或参数的方括号.

例如

self[x][y][z](arguments);

我想不出办法做到这一点.有任何想法吗 ？

我怀疑这是不可能的.

Answer 1

我必须有一个你忘记一切的日子:)

虽然@ NilColor的答案是正确的,但我确实知道它,我只是没有考虑正确的帽子.

无论如何,我决定我仍然喜欢有一个包装器的想法,当你将它附加到你的对象时需要一点点特异性.并且有点不那么冗长.

所以我把它和我原来的思路一起写下来,你可能会喜欢它.

myObj.wrap = function(path, context){ 
    var wrapper,
        method = ( typeof path != 'string' && context )? path : this,
        context =  (typeof path === 'object' && context === undefined)? 
            path : (context || this);

    if (typeof path === 'string'){
        path = path.split('.');

        for ( var i = 0; i < path.length; i++ ){
            method = method[path[i]];
            if ( context === true  )
                context = ( i === path.length - 2 )? method : context; 
        };
    };

    wrapper = function(){
        method.apply(context, arguments);
    };

    return wrapper;
}

用法:

将任意数量的嵌套方法绑定到myObj

    myObj.wrap('foo') //binds myObj.foo to myObj

// or

    myObj.wrap('foo.bar') //binds myObj.foo.bar to myObj

//or if myObj is a function

    myFunc.wrap() // binds myFunc to myFunc

将myObj的方法绑定到另一个对象

    myObj.wrap('foo.bar', someObj) //binds myObj.foo.bar to someObj

//or if myObj is a function

    myFunc.wrap(someObj) //Binds myFunc to someObj

将嵌套方法绑定到它的父级

    myObj.wrap('foo.bar', true) // binds myObj.foo.bar to myObj.foo

用作帮助者

    myObj.wrap(someFunc, someObj) //binds someFunc to someObj

如果您在方法绑定的上下文中寻找原始问题的答案.

myObj.getProps = function(path, context){
var context = context || this;
    path = path.split('.');


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

    return context;
};

用法:

附加到对象或作为独立函数

获取属性

myObj.getProps('foo.bar') // returns mayObj.foo.bar

给它一个上下文对象

myObj.getProps('user.name', myAccounts) // returns myAccounts.user.name

将它用作独立功能替换

myObj.getProps = function(path,context){....}

同

function getProps(path,context){....}

注意

如果将它用作独立功能,您需要记住它将从范围开始this.因此,如果它在全局范围内定义,则需要提供完整路径.

例如

getProps('myObj.foo.bar')

您仍然可以使用上下文选择器来更改引用对象.