关于addEventListener中事件函数的this指向问题

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

看代码：

//定义一个可见的盒子用于绑定点击事件

var box = document.getElementById('box');

box.x = 'box'

//设置执行函数的对象属性

function outFunc() {

  this.x = 'outFunc';

  box.addEventListener('click', func, false);

}

outFunc();

function func() {

  console.log(this.x); //输出box 说明该this指向的是调用addEventListener的对象

}

代码2：

function outFunc() {

  this.x = 'outFunc';//给全局对象window.x赋值（相当于赋值全局变量）

  box.addEventListener('click', func.bind(this), false);

}

function func() {

  console.log(this.x); //输出outFunc 使用bind设置this的值

}

总结，使用bind绑定的事件才是指向函数，否则指向的是调用addEventListener的对象。