Reduzierung Anzahl der Anrufe auf die Methoden eines JavaScript-Objekt

Question

ich in einer Art und Weise interessiert war, die Zahl der Anrufe an die injectMethod auf der folgenden Konstruktor Funktion zu reduzieren: ein

function InjectScriptsAndExecute(url) { 
this.url = url; 
this.injectMethod = function() { 
    var inject = $.ajax({ 
     url: this.url, 
     cache: true, 
     dataType: 'script' 
     }); 
    return inject;  
} 
} 
var pngFix = new InjectScriptsAndExecute("/Global/ICIS/Scripts/DD_belatedPNG_0.0.8a-min.js"); 
var pngList = new InjectScriptsAndExecute("/Global/ICIS/Scripts/DD_PNG_listing.js"); 
pngFix.injectMethod(); 
pngList.injectMethod(); 

Gibt es eine Weise, die ich passieren kann Objekt an die Konstruktorfunktion, die so viele URL-Referenzen enthält, wie ich möchte, ohne eine neue Variable deklarieren zu müssen und anschließend die Methode aufzurufen?

Answer 1

Sie könnten den Konstruktor ein Objekt oder Array erhalten, aber Sie erstellen immer noch nur eine Instanz.

Eine Möglichkeit wäre, den Konstruktor so zu ändern, dass Sie ihn als reguläre Funktion (ohne new) aufrufen und ihm ein Array der URLs übergeben. Dann wird es über das Array iterieren, einen rekursiven Aufruf, aber mit das Schlüsselwort new, und überschreiben jede URL mit der neuen Instanz.

Dann würde es das ursprüngliche Array zurückgeben.

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(); 
} 

Zur Sicherheit würden Sie wirklich wollen einige zusätzliche Kontrollen haben, um zu sehen, ob die Funktion als Konstruktor oder nicht aufgerufen wird. Und je nachdem, ob ein Array oder eine Zeichenfolge empfangen wurde, sollten Sie für jedes Verhalten ein geeignetes Verhalten haben.

Answer 2

Sie können - aber Sie werden hier in interessantes Gebiet erhalten:

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(); 

Was Sie wahrscheinlich wollen, ist ein Abhängigkeits Manager wie Require.js oder LAB.js, wenn Sie diese mit einem beliebigen Frequenz tun . Dojo und YUI bieten auch Abhängigkeitsverwaltung, wenn Sie nach einem vollständigen Framework suchen.