扩展功能

Question

我已经看到语法：

var module = { 

    func: function(value) { 

     some code; 

    }.func2("value"); 

} 

在不同的地方突然出现，因为我想知道如何做到这一点。我记得以前看过一篇关于它的文章，但现在找不到它。无论我尝试.func2("value")只是语法错误。

例如，看看SproutCore的介绍他们的TemplateView。

Todos.StatsView = SC.TemplateView.extend({ 
    remainingBinding: 'Todos.todoListController.remaining', 

    displayRemaining: function() { 
    var remaining = this.get('remaining'); 
    return remaining + (remaining === 1 ? " item" : " items"); 
    }.property('remaining').cacheable() 
}); 

似乎它是一个在编写工厂时给用户的有用工具。

谢谢。

Answer 1

您可以添加属性函数的原型，然后链功能定义。例如：

Function.prototype.trigger = function(trigger) { 

    var setValue = this; 

    return function(thevalue) { 
     alert(trigger + ' set to ' + thevalue); 
     setValue(thevalue); 
    }; 

}; 

var _value = 0; 

var setValue = function(thevalue) { 

    _value = thevalue; 

}.trigger('value'); 

setValue(25); 

当setValue方法定义的触发函数它拴在匿名功能的范围内被调用，并且setValue方法被分配由触发器返回的值。在这种情况下，我们只是警告setValue被调用，但是这会打开一些非常酷的可能性。

很漂亮。

Answer 2

我认为你正在寻找它的语法是：

func: (function(value) { 
    //some code; 
}("value")); 

在该匿名函数立即调用和返回值分配给func。

参见：How do JavaScript closures work?

Answer 3

这kind'a weird.Maby是是这样的：

var module = { 
    func : (function(){ 
     return {func2 : function(v){alert(v);}}; 
    }).func2('alert me'); 
} 

你不能链函数定义（function func(){}.func1()），只有函数调用（如果配置正确），那会看起来像：func1().func2().func3().....