는

Question

내가 아래 생성자 함수에 injectMethod 호출의 수를 줄일 수있는 방법에 관심이 객체 새 변수를 선언 할 필요없이 원하는만큼의 URL 참조를 포함하는 생성자 함수에 객체를 추가 한 다음 메서드를 호출 할 수 있습니까?

Answer 1

생성자가 객체 또는 배열을받을 수 있지만 여전히 하나의 인스턴스 만 생성 중입니다.

한 가지 방법은 생성자를 수정하여 일반 함수 (new 제외)로 호출하고 URL 배열을 전달하는 것입니다. 그런 다음 배열을 반복하여 재귀 호출을 수행하지만 은이고 new 키워드는 각 URL을 새 인스턴스로 덮어 씁니다.

그러면 원래 배열을 반환합니다.

function InjectScriptsAndExecute(url) { 
    if (Object.prototype.toString.call(url).indexOf('Array') != -1) { 
     for (var i = 0, len = url.length; i < len; i++) { 
      url[i] = new InjectScriptsAndExecute(url[i]); 
     } 
     return url; 
    } else { 
     this.url = url; 
     this.injectMethod = function() { 
      var inject = $.ajax({ 
       url: this.url, 
       cache: true, 
       dataType: 'script' 
      }); 
      return inject; 
     } 
    } 
} 
var arr = InjectScriptsAndExecute(["/Global/ICIS/Scripts/DD_belatedPNG_0.0.8a-min.js", 
         "/Global/ICIS/Scripts/DD_PNG_listing.js" 
         ]); 
var len = arr.length; 

while(len--) { 
    arr[len].injectMethod(); 
} 

안전을 위해 함수가 생성자로 호출되는지 여부를 확인하기 위해 추가 검사가 실제로 필요합니다. 그리고 배열이나 문자열을 받았는지에 따라 각각에 대해 적절한 동작을 원합니다.

Answer 2

당신 은 수 -하지만 당신은 여기에 흥미로운 영역으로받을거야 :

function InjectScriptsAndExecute() { 
this.urls = Array.prototype.slice.call(arguments, 0); 
this.injectMethod = function() { 
    for (var i=0; i < this.urls.length; i++) { 
    $.ajax({ 
     url: this.urls[i], 
     cache: true, 
     async: false, // Otherwise you cannot depend on the parse order 
     dataType: 'script' 
     }); 
} 
} 

// You can then use it in this way: 
var all_scripts = 
new InjectScriptsAndExecute("/Global/ICIS/Scripts/DD_belatedPNG_0.0.8a-min.js", 
     "/Global/ICIS/Scripts/DD_PNG_listing.js"); 

all_scripts.injectMethod(); 

당신이 아마 원하는 것은 Require.js 또는 LAB.js 당신이 어떤 주파수에이 일을하는 경우 같은 종속성 관리자가 . Dojo 및 YUI은 전체 프레임 워크를 찾는 경우 종속성 관리도 제공합니다.