내 변수가 비어있는 이유는 무엇입니까?

Question

모두가 나에게 합리적인 것처럼 보이지만 어떻게 든 내 변수가 비어있는 상태로 유지되기 때문에 이것이 범위 문제인지 확실하지 않습니다.

나는이 두 가지 유사한 코드를 리팩토링하고 기능을 추가하려고합니다. 코드가 내 요구에 완벽하게 작동하지만 리팩토링을 시도하면 변수가 계속 비어있게됩니다.

나를 도와 줄 수 있습니까?

이

이 내가 노력하고 도움을 사전에 빈 문자열을 나에게

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 

감사를 제공하고있는 리팩토링이다

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

잘 작동 내가 가지고있는 두 개의 유사한 코드입니다.

Answer 1

JavaScript는 값별 언어이므로 문자열은 사본으로 전달됩니다. 함수가 nameList 변수를 수정하면 두 번째 매개 변수로 전달한 문자열의 복사본을 수정합니다.

가 업데이트 된 문자열을 반환하도록 당신은 당신의 기능을 수정할 수 있습니다 : [? 자바 스크립트가 포인터]의

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