Comment utiliser for loop var et let

Cette fois, je vais vous montrer comment utiliser for loop var et let, et quelles sont les précautions d'utilisation de for loop var et let Ce qui suit est un cas pratique, jetons un coup d'œil.

Lors de l'envoi d'une requête via AJAX, une autre requête AJAX a été imbriquée. Il a été constaté que la variable de boucle i lors du premier succès n'a pas pu être obtenue dans le succès de la requête interne.

$.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]) //报错
          }
        })
      }
    }
  })

Dans la fonction de rappel après la deuxième requête ajax, rs[i] signalera une erreur.

　 Solution :

Changer la variable var que j'ai déclarée dans la boucle for pour laisser i

Raison spécifique :

Il est dans la boucle for après la première fonction de rappel. Si vous envoyez à nouveau une requête, la boucle for ne s'arrêtera pas, même si vous écrivez une requête synchrone.

Mais si vous utilisez let après avoir déclaré la variable de boucle for, le code ne passera pas à la boucle suivante tant que votre requête n'est pas terminée et que la fonction de rappel n'est pas exécutée.

Cela prend en compte un problème de fermeture, si vous écrivez des déclarations var et let dans des portées différentes.

Soit i sera passé comme variable locale

var i sera passé comme variable globale

Si vous souhaitez passer la variable i à la couche suivante, utilisez laissez déclarer.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment utiliser Angular pour ouvrir Font-Awesome

À quels nouveaux effets spéciaux ont été ajoutés vue-cli3.0

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!