동적으로 생성 된 개체 이름에서 함수를 호출하려고 시도했습니다.

Question

동적으로 결정된 이름의 개체에서 함수를 호출하는 데 문제가 있습니다. 아래 코드는 내 코드가 현재 어떻게 설정되어 있고 doSomethingElse()라는 함수에서 발생하는 문제를 보여줍니다.

var Obj = function(){ 
    this.test = this.objMgr(); 
}; 


Obj.prototype.objMgr = function(){ 

    var self = this; 


    function doSomething(){ 
      //do some processing that seems unimportant to this particular prob 

      doSomethingElse(); 
    } 


    function doSomethingElse(){ 

      //The object that I need is determined at runtime, and is therefore dynamic 
      var callFuncOnThis = 'subObj'; 

      //How the heck can I call function a on the object referenced in callFuncOnThis 
      this[callFuncOnThis].a(); //Doesn't work, this refers to dom window 
      self[callFuncOnThis].a(); //Doesn't work, self refers to obj 
      eval(callFuncOnThis).a(); //Works, but is there a better way? 
    } 


    var subObj = { 
      a:function(){ 
      }, 
      b:function(){ 
      } 
    }; 


    var subObj2 = { 
      a:function(){ 
      }, 
      b:function(){ 
      } 
    }; 


    doSomething(); 

    return{ 
     subObj:subObj, 
     subObj2:subObj2 
    } 

}; 

var test = new Obj(); 

Answer 1

subObj는 참조 할 수있는 범위에 할당되지 않습니다. 그래서 eval()이 가장 좋은 솔루션입니다. 이 말을하면서, 저는 이상한 약간의 코드를보고 있습니다. 조금 더 자세히 설명해 주시겠습니까? 나는 건축 문제가있는 것처럼 느낀다.

또한 subObj 및 subObj2가 포함 된 개체를 반환하므로 해당 개체를 범위로 사용하지 않는 것이 좋습니다.

function doSomethingElse(){ 
    // ... 
    retObj[callFuncOnThis].a() 
} 

var retObj = {'subObj': subObj, 'subObj2': subObj2}; 

doSomething(); 

return retObj;