meine Variable kehrt leer zurück, warum?

Question

Ich bin mir nicht sicher, ob dies ein Problem mit dem Oszilloskop ist, weil alles für mich vernünftig erscheint, aber irgendwie bleibt meine Variable leer.

Ich versuche, diese beiden ähnlichen Codes zu refaktorieren und in Funktion zu bringen. Die Codes funktionieren perfekt auf meine Bedürfnisse, aber wenn ich versuche, umzuformen, bleibt die Variable leer.

Kann mir bitte jemand eine Hand geben?

Dies sind die zwei ähnlichen Codes Ich habe die ich versuche, und ich leeren String

var productOutOfStock = ""; 
var productOffline = ""; 

function getProductNames(offOrNostock, nameList){ 
    offOrNostock.each(function(){ 
     var message = $(this).text(); 
     var productName = $(this).closest(".basket-items").find(".product-name").text(); 
     if(message != ""){ 
      nameList += productName + "<br>"; 
     } 
    }); 
    console.log(nameList); //this does show the names 
} 

getProductNames($(".availability.outofstock"), productOutOfStock); 
getProductNames($(".availability.instock"), productOffline); 
console.log(productOutOfStock); //this is giving me empty string 

Vielen Dank im Voraus für jede Hilfe

var productOutOfStock = ""; 
$(".availability.outofstock").each(function(){ 
    var outOfStockMsg = $(this).text(); 
    var name = $(this).closest(".basket-items").find(".product-name").text(); 
    if(outOfStockMsg != ""){ 
     productOutOfStock += name + "<br>"; 
    } 
}); 

var productOffline = ""; 
$(".availability.instock").each(function(){ 
    var outOfStockMsg = $(this).text(); 
    var name = $(this).closest(".basket-items").find(".product-name").text(); 
    if(outOfStockMsg != ""){ 
     productOffline += name + "<br>"; 
    } 
}); 

Dies ist das Umgestalten gut funktioniert.

Answer 1

JavaScript ist eine Pass-by-Value-Sprache, daher werden Ihre Strings als Kopien übergeben. Wenn die Funktion die Variable nameList ändert, wird eine Kopie der übergebenen Zeichenfolge als zweiter Parameter geändert.

Sie könnten Ihre Funktion so modifizieren, dass sie die aktualisierte String zurückgibt: [? Gibt es in Javascript-Zeiger]

function getProductNames(offOrNostock, nameList){ 
    offOrNostock.each(function(){ 
     var message = $(this).text(); 
     var productName = $(this).closest(".basket-items").find(".product-name").text(); 
     if(message != ""){ 
      nameList += productName + "<br>"; 
     } 
    }); 
    return nameList; 
} 

productOutOfStock = getProductNames($(".availability.outofstock"), productOutOfStock);