给百度地图覆盖物添加事件处理函数传参数

给事件处理函数传参数

今天刷百度前端学院的任务,遇到了一个问题,需要给事件处理函数传参数;我把问题抽象成下面问题:

var lis = document.getElementsByTagName('li');
for(var i=0; i<lis.length; i++){
  this.i=i;
  btn.addEventListener('click',handler.bind(this));
}
//我想在事件处理函数里面获得i。
function handler(e){
    this.i;
}

ES5中bind()解决:

解决方法,将事件处理函数的上下文绑定到for循环里面的this;事件处理函数的上下文不在是btn对象;

分析一下原理,首先详细研究一下bind函数; 
bind函数用于将当前函数和指定对象绑定,返回一个新的函数,当新函数被调用时,代码会在指定对象的上下文中执行。 
语法为:

bar.bind(上下文参数, 普通参数1, 普通参数2, …);普通参数将传入bar函数          

详细:https://blog.csdn.net/github_38861674/article/details/72625542

posted @ 2018-09-20 20:56  Gavin1024  阅读(1493)  评论(0编辑  收藏  举报