루프 내에서 함수를 작성하지 마십시오. 오류가 발생합니다.

Question

그래서 JSlint를 사용하고 있으며 다음 코드를 구현하려고하는데 "다음과 같은 코드를 구현하지 마십시오."라는 오류 메시지가 나타납니다. 루프 오류 난 고칠 수 없어 ". 어떻게하면 내 코드가 오류/경고를받지 못하게 변경할 수 있습니까?

var inputs = document.getElementsByTagName('input'); 
var blurInput = function() { 
    this.blur(); 
}; 
for (var i = 0; i < inputs.length; i++) { 
    (function (input) { 
     input.addEventListener('focus', blurInput); 
    })(inputs[i]); 
} 

Answer 1

당신은 당신의 루프 외부에서 기능을 이동하려는 것

: 당신이 사용하는 것입니다 경우

for (var i = 0; i < inputs.length; i++) { 
    input[i].addEventListener('focus', blurInput); 
} 

Answer 2

, 당신은 그냥 폐쇄 생략 할 수 JsHint 또는 EsLint를 사용하면 해당 규칙을 비활성화 할 수 있지만 JsLint의 경우 코드 구조 변경 이외의 옵션은 없습니다.

당신은 제안 코드의 변화와 함께 갈 수있는 'Frxstrem'

Answer 3

:

귀하의 경우

var inputs = document.getElementsByTagName('input'); 
var blurInput = function() { 
    this.blur(); 
}; 

// (rename this to something useful...) 
var doSomething = function (input) { 
    input.addEventListener('focus', blurInput); 
}; 

for (var i = 0; i < inputs.length; i++) { 
    doSomething(inputs[i]); 
}