如何在JavaScript中使用擴展功能編寫函數？

Question

我嘗試實現一個功能，例如MyFn()具有以下一些功能：
1. MyFn（'Id'）>它必須是document.getElementById（'Id'）的值的結果。
2. MyFn（'Id'）。MyMethode（）;>它必須是一個函數的執行結果。
下面這個由「Object.prototype中」來實現如下：

Object.prototype.MyFn =function(param1){ return document.getElementById(param1); }; 
alert(MyFn('mydiv1')); 
MyFn('mydiv1').posi = function() { alert("Hello, I'm the function posi!"); }; 
MyFn('mydiv1').posi(); 
alert(MyFn('mydiv1')); 

就在上面的例子就是我想實現。但我不想使用Object.prototype或jQuery。
下面是我的錯方法（這也許是有益正是我想說的還是做）：

var MyObj = { 
    method: function(args, callback) { 
     if(typeof callback == "function") { 
      callback(); 
     } 
     return 123; 
    } 
} 

MyFn = function(sId) { 
    return MyObj; 
}; 

alert(MyFn("mydiv1").method()); // This is ok, because it calls the method: MyObj.method() as it was expected. 
alert(MyFn("mydiv1")); // <-- But here I like to get document.getElementById("mydiv1"). 

注：的語法的代碼（功能如何調用）很重要！該功能是撥打如下：MyFn（「元素ID」）或MyFn（「元素ID」）POSI（），而不是如下：MyObj.MyMethode（）
你有任何想法如何能我意識到了嗎？提前致謝。

Answer 1

醜陋的，而不是由幾乎所有的設計百通recomended，但應該工作：

MyFn = function(sId) { 
    var obj = document.getElementById(param1); 

    obj.method = function(args, callback) { 
     if(typeof callback == "function") { 
      callback(); 
     } 
     return 123; 
    } 
    return MyObj; 
}; 

Basicly你manualy添加函數的對象。

這不是一個好德興百通作爲外部人無法事先知道物體有一個額外的方法。

Answer 2

這是一個有點哈克解決方案：

var MyObj = function (id) { 
    var obj = document.getElementById(id); 
    // attach functions here 
    obj.myFun = function() { 
     // ... 
    } 
    // ... 
    return obj; 
} 

你得到的對象，附上自己的函數對象（希望沒有重新定義現有的），然後返回。

Answer 3

你可以嘗試這樣的：

var MyObj = { 
    method: function(args, callback) { 
     if(typeof callback == "function") { 
      callback(); 
     } 
     return 123; 
    } 
} 

var MyFn = function(sId) { 
    this.elem = document.getElementById(sId); 
    this.MyObj = MyObj; 
    return this; 
}; 

alert(MyFn("mydiv1").MyObj.method()); 
alert(MyFn("mydiv1").elem); 

這個返回函數的引用，該函數執行後，所以提供了語法很像C＃擴展方法例如。

Answer 4

應該是相當直接的，看功能也是對象。
的方式它通常做，和jQuery做它的方式，是返回的功能，這是一個簡單的檢查

function MyFn(selector, context) { 

    if (!(this instanceof MyFn)) { // not an instance 

     return new MyFn(arguments); // calls itself with the "new" keyword 

    } else { // now it is an instance 

     context = context || document; 
     this[0] = context.getElementById(id); 
    } 

    return this; 
} 

上，現在建設完成的新實例，我們可以添加方法，但需要原型他們，這是要做到這一點無論如何

MyFn.prototype.width = function() { 
    return this[0].style.width; 
} 

，甚至使可鏈接

MyFn.prototype.width = function(width) { 

    if (width) { 
     this[0].style.width = width + 'px'; 
     return this; 
    } else { 
     return this[0].style.width; 
    } 

} 

0123這些方法的正確方法