3

我有一个简单的场景，我在添加之前检查是否存在某些东西，如果存在，我return就是函数（因此退出）。我多次使用这种模式，我想在另一个简单的函数中解耦它。

function onEvent(e){
     if( this.has(e) )
          return
     this.add(e);
     // More logic different on an event-basis
}

我想像这样解耦它：

function safeAdd(e){
     if( this.has(e) )
           return
     this.add(e);
}

function onEvent(e){
     safeAdd(e);
     // More logic
}

但显然这样做只是returnssafeAdd 并且不会从 退出onEvent，其余的逻辑无论如何都会被执行。

我知道我可以做类似的事情：

function safeAdd(e){
     if( this.has(e) )
           return false
     this.add(e);
     return true
}

function onEvent(e){
     if( !safeAdd(e) )
         return
     // More logic
}

但是，由于我重复了很多次，我想尽可能简洁。

4

1 回答 1

3

你可以用这样的东西把它翻过来：

function safeAdd(callback) {
    return function(e) {
        if(this.has(e))
            return false;
        this.add(e);
        return callback.call(this, e);
    };
}

然后你可以做这样的事情：

var obj = {
    onEvent: safeAdd(function(e) {
        console.log('more logic', e);
    }),
    onPancakes: safeAdd(function(e) {
        console.log('pancakes', e);
    }),
    has: function(e) { /* ... */ },
    add: function(e) { /* ... */ }
};

演示：http: //jsfiddle.net/ambiguous/T6pBQ/

如果您需要在函数中支持更多参数，请切换call到apply并使用，arguments而不是e：

function safeAdd(callback) {
    return function() {
        if(this.has(arguments[0]))
            return false;
        this.add(arguments[0]);
        return callback.apply(this, arguments);
    };
}

演示：http: //jsfiddle.net/ambiguous/3muzg/

于 2013-09-01T05:21:22.850 回答