How to use for loop var and let

This time I will show you how to use for loop var and let, and what are the precautions for using for loop var and let. The following is a practical case, let's take a look.

When sending a request using AJAX, another AJAX request was nested. It was found that the loop variable i in the first success could not be obtained in the success of the inner request. The specific code is as follows:

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

In the callback function after the second ajax request, rs[i] will report an error.

Solution:

Change the variable var i declared in the for loop to let i

Specific reasons:

In the for loop after the first callback function, if you send a request again, the for loop will not stop, even if you write a synchronous request.

But if you use let after declaring the for loop variable, the code will not start the next loop until your request is completed and the callback function is executed.

This takes into account a closure problem. If you write var and let, the scopes declared are different.

Let i will be passed as a local variable

Var i will be passed as a global variable

If you want to pass the i variable to the next layer, use let to declare.

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!

Recommended reading:

How to use Angular to open Font-Awesome

What new special effects have been added to vue-cli3.0

The above is the detailed content of How to use for loop var and let. For more information, please follow other related articles on the PHP Chinese website!