익명 함수의 범위 및 외부 변수에 액세스 하시겠습니까?

Question

나는 여기 무언가를하고 있다고 확신하지만, 나는 무엇을 확신하지 못한다. 익명 함수를 나중에 실행을 위해 배열에 추가하고 각 반복을 변경하는 변수가있는 for 루프에 익명 함수를 추가합니다. 은 https : server.net/a 은 https : server.net/b

대신 내가 받고 있어요 :

내가 기록 된 값을 기대하고있어이 될 은 https : server.net/b https : server.net/b

마지막 버전을 덮어 쓰는 기능을 재정의 한 것처럼 보일 수도 있지만 그 이유는 확실하지 않습니다. 각 익명의 기능이 다를 것이라고 생각합니다.

왜? 여기서 내가 뭘 잘못하고 있니?

f = []; 
items = ['a', 'b']; 
for(var i = 0; i < items.length; i++){ 
    var itemID = items[i]; 
    var itemAccessUrl = `https://server.net/${itemID}`; 

    var func = function(){ 
     console.log(itemAccessUrl); 
    }; 
    f.push(func); 
} 

console.log(f.length); 
for(var j = 0; j < f.length; j++){ 
    func(); 
} 

Answer 1

이 때문에 var 범위 지정의 본질이다 :

는 여기에 몇 가지 예제 코드입니다. var은 블록 범위가 아니며, 함수의 맨 위에 선언 한 것처럼 "게양 된"것입니다.

블록 범위 인 var 대신 let을 사용하여 itemAccessUrl을 선언 할 수 있지만 필요한 브라우저 지원에 따라 다릅니다. (템플릿 문자열을 사용하고 있으므로 괜찮을 것입니다.)

Answer 2

여기가 어떻게됩니까? 배열의 함수를 호출하면 현재 값 itemAccessUrl, 즉 마지막으로 할당 된 문자열을 char 'b'와 함께 사용합니다. 첫 번째 for-loop 완료 후에 호출이 발생하기 때문입니다.

당신은 폐쇄 사용할 수 있습니다

:

f = []; 
items = ['a', 'b']; 
for(var i = 0; i < items.length; i++){ 
    var itemID = items[i]; 
    var itemAccessUrl = `https://server.net/${itemID}`; 

    var func = (function(param) { 
     return function() { 
      console.log(param); 
     }; 
    })(itemAccessUrl); 
    f.push(func); 
} 

console.log(f.length); 
for(var j = 0; j < f.length; j++){ 
    f[j](); 
} 

또는 현재 PARAM에 기능을 결합 :의 f[j]();