자바 스크립트의 for 루프에서 마지막으로 실행 한 작업 만

Question

다음은 Javascript로 작성된 for 루프입니다. 그것은 websql에 대한 쿼리를 적용하려고합니다.

for (var i = 0; i < 10; i++){ 
    db.transaction(function (tx){ 
    tx.executeSql('INSERT INTO ProjSetsT (ProjID) VALUES (?);', [i]); 
    }); 
} 

시도는하기 표 I에 열 ProjSetsT ProjID에 값 "9 0, 1, 2, ..."를 추가하려고 명백하다. 작동하지 않습니다. 마지막 요소 인 '9'만 삽입되었지만 처음 8 개의 숫자는 삽입되지 않았습니다.

구문 오류가 있습니까?

Answer 1

나는 db.transaction가 비동기 적으로 실행되어 사용자를 망칠 수 있다고 생각합니다. 트랜잭션 내에서 for 루프를 이동하려고 시도 했습니까?

db.transaction(function (tx){ 
    for (var i = 0; i < 10; i++){ 
     tx.executeSql('INSERT INTO ProjSetsT (ProjID) VALUES (?);', [i]); 
    } 
}); 

Answer 2

당신은 10로 끝 같은 i 변수를 참조하는 여러 가지 기능을 가지고 있습니다.

각 기능마다 새로운 가변 범위가 필요합니다.

for (var i = 0; i < 10; i++){ 
    db.transaction(makeHandler(i)); 
} 

function makeHandler(j) { 
    return function (tx){ 
     tx.executeSql('INSERT INTO ProjSetsT (ProjID) VALUES (?);', [j]); 
    }; 
} 

이제 i는 j로 수신 makeHandler에 전달된다.

makeHandler이 호출 될 때마다 해당 로컬 j을 참조하는 함수를 반환합니다.

Answer 3

인수로 전달하는 모든 함수는 i과 동일한 참조를 공유하므로 모든 새 함수 객체의 i 값이 증가합니다.

for (var i = 0; i < 10; i++) 
{ 
    db.transaction((function(privateI) 
    {//privateI is unique for every function object 
     return function (tx) 
     { 
      tx.executeSql('INSERT INTO ProjSetsT (ProjID) VALUES (?);', [privateI]); 
     }; 
    })(i));//pass current value here 
}