자바 스크립트 var에 나는 이전에 여기에 질문

Question

이 질문에 관련되는 함수 둘 다 OOP 문법과 객체 : How to implement chained method calls like jQuery?

내가 거기에 약간의 시간에서 확인 응답에서이 방법을 사용하고있다, 그리고 잘 작동합니다. 그러나 필자는 툴킷의 구문을 훨씬 더 변경하고 싶습니다.

1. foo(firstarg).bar(secondarg); // should function as the question above.

2. foo(onlyarg).bar // a function with one argument

3. foo.bar(onlyarg); // should also work, when a first argument is not appropriate.

4. foo.bar; // a function without an argument, or returns a static value.

나는 동일을 작동하는 4 syntaxs 싶습니다 foo 객체이지만 OOP 이해가 부족합니다. 나는 몇 가지 시도를 해왔고, 지금까지 나는 1 & 2를 사용할 수 있고 3 & 4를 사용할 수는 있지만 모두 함께 작동하는 것은 아닙니다. 또한 각 함수가 루트 객체를 반환하도록하여 chaining을 옵션으로 남겨두면 좋을 것입니다.

편집 :

var main = function(obj){ this.obj = obj; }; 
var tool = function(obj){ return new main(obj); }; 
main.prototype = { 
     alertThisPlus : function(plus){ 
      alert(this.obj + ' ' + plus);  
     }, 
     alertJustThis : function(){ 
      return alert(this.obj); 
     } 
}; 

사용을 내가 좋아하는 것이 무엇

tool('hello').alertThisPlus('world'); // returns alert('hello world') 
tool().alertJustThis('hello world'); // returns alert('hello world'); 

이하는 것입니다 :

tool('hello').alertThisPlus('world'); // returns alert('hello world') no change 
tool.alertJustThis('hello world'); // returns alert('hello world') does not work 

을 나는 분명히 여기에 내가 지금 무엇을하고,보다 구체적으로 필요

Answer 1

기능은 기능 '도구'를 추가 할 수 있습니다, 그래서 그냥 개체입니다. 이 작업은 수동으로 수행 할 수 있습니다.

tool.foobar = function() {}; 

또는 클래스가 적절하게 구조화되어있는 경우 혼합 방식을 사용할 수 있습니다. 다음과 같은 것 :

function Tool(prefix) { 
    this.prefix = prefix; 
} 

Tool.prototype.alertThisPlus = function(suffix) { 
    alert((typeof this.prefix != 'undefined' ? this.prefix + ' ' : '') + suffix); 
}; 

Tool.prototype.alertJustThis = function(msg) { 
    alert(msg); 
}; 

function tool(prefix) { 
    return new Tool(prefix); 
} 

// Mix-in the methods from a static instance of Tool onto the 'tool' function. 
// This makes both tool.alertThisPlus() and tool.alertJustThis() available, 
// both will be called in the context of 'staticTool'. 
(function() { 
    var staticTool = new Tool(); 
    for (var o in staticTool) { 
    if (typeof staticTool[o] == 'function') { 
     tool[o] = staticTool[o].bind(staticTool); 
    } 
    } 
})(); 

tool('hello').alertThisPlus('world'); // returns alert('hello world') 
tool().alertJustThis('hello world'); // returns alert('hello world') 
tool.alertJustThis('hello world'); // returns alert('hello world') 

Answer 2

내가 생각할 수있는 유일한 방법은 괄호없이 함수를 실행할 수있게하는 것이다. a) callb ack param 또는 b) 자체 실행을 허용합니다.

var foo = (function() { 
    alert('foo called'); 
})(); 

단계를 더 진행하면 값을 반환하기 위해 일부 클로저를 사용했다고 가정 해 보겠습니다.

var foo = (function() { 
    return { 
    bar: "arf arf said the dog" 
    } 
})(); 

이제 사용할 수 있습니다

foo.bar;