给百度地图覆盖物添加事件处理函数传参数
给事件处理函数传参数
今天刷百度前端学院的任务,遇到了一个问题,需要给事件处理函数传参数;我把问题抽象成下面问题:
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