bind使用场景 
<body>
<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>
  <script>
    var lis=document.getElementsByTagName('li')
    for(var i=0;i<lis.length;i++){
     lis[i].onclick=fn;
    }
    function fn(){
setInterval(function(){
console.log(this.innerText)             
}.bind(this),1000)                      //this指向事件源lis[i]
} 
</script> </body>

 

<body>
    <ul>
      <li>1</li>
      <li>2</li>
      <li>3</li>
    </ul>
      <script>
        var lis=document.getElementsByTagName('li')
        for(var i=0;i<lis.length;i++){
         lis[i].onclick=fn;
        }
        function fn(){
    console.log(this.innerText)     //this指向事件源lis[i]
    }
    </script>
    </body>

 

posted on 2019-09-26 18:55  宅到深夜  阅读(414)  评论(0)    收藏  举报