Share an interview question about closures, bind, and this.

This article mainly introduces you to an interview question about the closure bind and this. It provides detailed sample code. If you need it, let's take a look at it. This article mainly introduces you to an interview question about the closure bind and this. It provides detailed sample code. If you need it, let's take a look at it.

The problem to be solved is to add a click event for each li for the ul below, and the corresponding index will pop up.

 
 
 
  
  
This is the first li
 
  
  
This is the second li
 
  
  
This is the third li
 
 

Answer 1:Bind, pointing the current anonymous function to this, and passing I as a parameter

Var init = function () {var obj = document. getElementById ('text'); for (var I = 0; I
 
  

  
Solution 2:Closure
  

  
Var init = function () {var lis = document. querySelectorAll ("# text li"); for (var I = 0; I
   
    

    
Solution 3:The most stupid method, matching
    

    
Var init = function () {var obj = document. getElementById ('text'); for (var I = 0; I
     
      

      
For more information about the closure, bind, and this interview questions, visit PHP!