var 사용에 대한 자세한 설명 및 jQuery에서 for 루프 삽입

이번에는 for loopvar 및 jQuery 사용에 대한 자세한 설명을 가져왔습니다. jQuery에서 var 및 let을 사용할 때 notes는 무엇입니까? 다음은 실제 사례입니다. 봐. Er 오늘 jQuery 요청 인터페이스 작성 시 문제를 발견했습니다.

AJAX 전송 요청 사용에 Ajax 요청이 중첩되어 내부 계층 요청의 첫 번째 성공에서 루프 변수 I를 얻을 수 없다는 것을 발견했습니다. 구체적인 코드는 다음과 같습니다.

$.ajax({
    type: "get",
    url: "//////////////////////////"，
    success: function (result) {
      rs = JSON.parse(result).data;
      for (var i = 0; i < rs.length; i++) { //用var定义有问题
        var pos_ = ""
        $.ajax({
          type: 'GET',
          async: false,
          dataType: 'jsonp',
          contentType: 'application/json; charset=utf-8',
          url: "///////////////////////////////////",
          success: function (result) {
            console.log(rs[i]) //报错
          }
        })
      }
    }
  })

두 번째 Ajax 요청 이후

콜백 함수

에서 rs[i]는 오류를 보고합니다. 　

해결책: for 루프에서 선언한 변수 var를 변경하여 i

구체적인 이유:

첫 번째 콜백 함수 이후에 for 루프에 다시 요청을 보내면 for 루프 동기 요청을 작성하더라도 중지되지 않습니다.

　그러나 for 루프 변수를 선언한 후 let을 사용하면 요청이 완료되고 콜백 함수가 실행될 때까지 코드는 다음 루프를 시작하지 않습니다.

이는 다양한 범위에서 var 및 let 선언을 작성하는 경우 발생하는 폐쇄 문제를 고려한 것입니다.

　 let i는 로컬 변수로 전달됩니다.

　 var i는 전역 변수로 전달됩니다.

　 i 변수를 다음 레이어로 전달하려면 let을 사용하여 선언하세요.

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 도서:

js 주입 사용에 대한 자세한 설명

JS의 일반적인 기술은 무엇입니까

위 내용은 var 사용에 대한 자세한 설명 및 jQuery에서 for 루프 삽입의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!