Javascript過載圓括號

Question

我想能夠在javascript中合併對象和函數。目前，我有這樣的代碼：

var Functor = function(f, prop) { 
    var inst = function() {return inst.__op__.apply(this, arguments)} 
    inst.__op__ = f 
    for (var key in prop) 
    inst[key] = prop[key] 
    return inst 
} 

用法是這樣的：

var x = Functor(function(arg) {console.log(arg)}, {qwe:123}) 
console.log(x.qwe) // 123 
x(321) // 321 

但我有兩個問題：首先，我不喜歡複製從prop參數屬性返回inst，我像那裏有某種鏈接到prop。其次，我想能夠在第一個Functor參數地址獲得鏈接到inst。看來我的問題可以通過new關鍵字來改變Functor的功能。但我無法弄清楚如何做到這一點。

重要特徵是，我是能夠改變__op__財產（這是一種()運營商的），我也可以結合的結果，並得到正確的行爲：

var x = Functor() 
x.__op__ = console.log 
var echo = x.bind(console) 
echo(123) // 123 

我將不勝感激，如果有人能夠幫助我有我的任何問題。
下面是使用代碼小提琴複製有：http://jsfiddle.net/avmhbyzr/

Answer 1

爲了避免複製了所有屬性從prop，可以設置prop爲inst原型。由於inst是一個函數（不是普通對象），因此您無法控制其構造函數（它必須是Function），因此更改其原型的唯一方法是通過內部的__proto__屬性。

直接的缺點是，您無法訪問函數的所有方法，例如，你不能調用x.call（）。但是你可以通過將Function.prototype鏈接到prop來解決它。請參閱下面的代碼。

var Functor = function(f, prop) { 
    var inst = function() { 
     return inst.__op__.apply(this, arguments) 
    } 
    // Setup prototype chain: inst -> prop -> Function.prototype 
    prop.__proto__ = inst.__proto__ 
    inst.__proto__ = prop 

    inst.__op__ = f 
    return inst 
} 

!function() { 
    var x = Functor(null, {qwe:123}) 
    console.log(x.qwe) // 123 

    // Method 1: bind the context to __op__ 
    x.__op__ = console.log.bind(console) 
    x(321) // 321 

    // Method 2: call x with the context 
    x.__op__ = console.log 
    x.call(console, 321) // 321 
}() 

至於使用的this，你已經正確地通過Function.prototype.apply傳遞上下文__op__在inst。

傳遞上下文的方式是通過調用帶有上下文（方法2）的x或更笨拙的console.x = x; console.x(321)。如果你不想這樣做，你總是可以將上下文綁定到__op__（方法1）。

請記住，當一個函數被執行時，它需要上下文（this）和參數。上下文要麼永久綁定到函數（方法1），要麼就地提供（方法2）。