javascript - Web SQL 数据库 + Javascript 循环

Question

我正在尝试解决这个问题，但我自己似乎无法解决......
我正在使用 Web SQL DB，但我无法让循​​环正常工作。
我用：

for (var i=0; i<=numberofArticles-1; i++){  
    db.transaction(function (tx) {  
    tx.executeSql('INSERT INTO LOGS (articleID) VALUES (?)',  [i]);
  });
 };

而且我只得到 5.. 我没有得到增量 i 值。
谁能建议我做错了什么以及我应该考虑什么？

Answer 1

反过来做：

<script>
    numberofArticles = 5;
    db = openDatabase("websql", "0.1", "web-sql testing", 10000);
    db.transaction(function(tx) {
        tx.executeSql('CREATE TABLE IF NOT EXISTS LOGS (id unique, articleID int)');
    });
    db.transaction(function (tx) {  
        for (var i=0; i<=numberofArticles-1; i++){  
            tx.executeSql('INSERT INTO LOGS (articleID) VALUES (?)',  [i]);
        };
    });
</script>

另一种选择是，在这种情况下，外部循环的正确方法是不必要的

    for (var i=0; i<=numberofArticles-1; i++){  
      (function(i) {
        db.transaction(function (tx) {  
                tx.executeSql('INSERT INTO LOGS (articleID) VALUES (?)',  [i]);
        });
      })(i);
    };

Answer 2

看起来该函数是异步的，并且在tx.executeSql触发时，循环已经完成循环并且i已经更改了几次。

你可以用闭包解决这个问题。

for (var i=0; i<=numberofArticles-1; i++){ 
    function (value) { 
        db.transaction(function (tx) {  
        tx.executeSql('INSERT INTO LOGS (articleID) VALUES (?)',  [value]);
      });
    }(i); // <-- CALL the function
 };