foreach 함수에 외부 범위 변수를 전달하는 방법

Question

함수의 본문에서 외부 범위의 this을 볼 수있는 경우 각 화살표 함수에 대해 domMatch를 내부에 표시하고 싶습니다. 내 범위 전체에 클래스가 있어야합니다. domMatch 객체를 전달하는 방법.

  let tr = document.createElement("tr"); 

      let domMatch = {}; 

      domMatch.status = this.status; 
      ... other props 


      Object.getOwnPropertyNames(domMatch).forEach(function (domMatchField, a, b, domMatch) { // domMatch is undefined 
       let cell = tr.insertCell(-1); 

       cell.innerText = domMatch[domMatchField]; 

      }); 

Answer 1

문제는 당신이 forEach에 콜백 함수를 통해 변수 domMatch를 전달하는 데 노력하고 있다는 것입니다 - 물론 네 번째 undefined

그냥 생략 할 수 있도록이 기능은 3 개 인자 (대부분에서) 받아 해당 인수 및 내부 범위 내에서 domMatch을 사용할 수 있어야합니다.

var domMatch = {}; 
 
domMatch.status = "foo"; 
 

 
Object.getOwnPropertyNames(domMatch).forEach(function(key, index, arr){ 
 
    console.log("iterating over key:", key); 
 
    console.log("index:",index); 
 
    console.log("Original array:", arr); 
 
    // Now the important bit! 
 
    console.log("domMatch", domMatch); 
 
});