javascript - 如何在 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('Element-Id') 或 MyFn('Element-Id').posi()，但不能按以下方式调用:MyObj.MyMethode()
你知道我怎么能意识到吗？提前致谢。

Answer 1

你可以尝试这样的事情:

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# 扩展方法等。