js 변수 범위를 사용할 때 발생하는 버그

for (var i = 0; child && i < child.length; i++) {
            var obj = child[i];
            var kind = child[i].kind;
            var deiveId = child[i].id;
            if (kind == "4") {//分支1
                 // do sometjing
            }else{//分支2
                for(i in arr){
                   //do something
                }
            }

위의 코드는 겉으로는 이상한 문제를 만들어냅니다. 즉, 친절하다면 말이죠! 분기 2 = 4의 경우 외부 for 루프가 되돌아가는 경우가 있습니다. 즉, 가장 바깥쪽 루프가 분명히 마지막 하위 항목으로 루프된 경우 외부 for 루프가 다시 실행됩니다.

원인 분석:

나만큼 나쁘지 않은 전문가라면 문제가 변수
i에 있다는 것을 알게 될 것입니다. 여기서 나는 블록 수준 변수가 되지 않고 기능수준, i가 됩니다. 분기 2에서 변경하면 외부 레이어 i가 변경되어 루프가 루프백됩니다. js에는 ES6 이전에는 블록 수준 범위가 없었고 전역 범위와 함수 수준 범위로만 나누어졌습니다. 여기서 i는 함수 수준 범위이며 이를 사용하여 루프 index
를 만들 때 실제로 원하는 것입니다. 범위 수준으로 처리합니다.

솔루션

블록 수준 범위 효과를 얻으려면 ES6 구문의 let 키워드를 사용할 수 있습니다.

for(let i=0;i<arr.length;i++){
}

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 내용은 PHP 중국어 홈페이지

기타

관련글을 주목해주세요! 추천 도서:

일반적으로 사용되는 CSS 스타일 요약

Component와 PureComponent 사용의 차이점에 대한 자세한 설명

위 내용은 js 변수 범위를 사용할 때 발생하는 버그의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!