我有一个注册事件处理程序的构造函数：
函数MyConstructor（数据，传输）{this.data=数据；transport.on（'数据'，函数（）{警报（this.data）；});}//模拟传输对象var传输={on：函数（事件，回调）{setTimeout（回调，1000）；}};//称为var obj=新MyConstructor（'o'，传输）；
但是，我无法访问回调中创建的对象的数据属性。看起来这不是指创建的对象，而是指另一个对象。
我还尝试使用对象方法而不是匿名函数：
function MyConstructor(data, transport) {
this.data = data;
transport.on('data', this.alert);
}
MyConstructor.prototype.alert = function() {
alert(this.name);
};
但它表现出相同的问题。
如何访问正确的对象？
当前回答
“上下文”的问题
术语“上下文”有时用于指代此引用的对象。它的使用是不合适的，因为它在语义上或技术上都不符合ECMAScript的this。
“上下文”是指围绕着某事物的环境，它增加了意义，或是一些前后信息赋予了额外的意义。ECMAScript中使用术语“上下文”来指代执行上下文，它是一些执行代码范围内的所有参数、范围和内容。
如ECMA-262第10.4.2节所示：
将ThisBinding设置为与调用执行上下文
这清楚地表明这是执行上下文的一部分。
执行上下文提供为正在执行的代码添加意义的周围信息。它包含了比thisBinding更多的信息。
它的价值不是“上下文”。它只是执行上下文的一部分。它本质上是一个局部变量，可以通过对任何对象的调用，在严格模式下，设置为任何值。
其他回答
目前，如果在代码中使用类，还有另一种可能的方法。
有了类字段的支持，可以通过以下方式实现：
class someView {
onSomeInputKeyUp = (event) => {
console.log(this); // This refers to the correct value
// ....
someInitMethod() {
//...
someInput.addEventListener('input', this.onSomeInputKeyUp)
当然，在幕后，绑定上下文的都是旧的好箭头函数，但在这种形式下，它看起来比显式绑定更清楚。
由于这是一个第3阶段的提案，您需要Babel和适当的Babel插件来处理它（08/2018）。
“上下文”的问题
术语“上下文”有时用于指代此引用的对象。它的使用是不合适的，因为它在语义上或技术上都不符合ECMAScript的this。
“上下文”是指围绕着某事物的环境，它增加了意义，或是一些前后信息赋予了额外的意义。ECMAScript中使用术语“上下文”来指代执行上下文，它是一些执行代码范围内的所有参数、范围和内容。
如ECMA-262第10.4.2节所示：
将ThisBinding设置为与调用执行上下文
这清楚地表明这是执行上下文的一部分。
执行上下文提供为正在执行的代码添加意义的周围信息。它包含了比thisBinding更多的信息。
它的价值不是“上下文”。它只是执行上下文的一部分。它本质上是一个局部变量，可以通过对任何对象的调用，在严格模式下，设置为任何值。
你应该知道“this”关键字。
根据我的观点，你可以通过三种方式实现“这一点”（自身|箭头函数|绑定方法）
与其他语言相比，函数的this关键字在JavaScript中的表现稍有不同。
严格模式和非严格模式之间也有一些区别。
在大多数情况下，其值取决于函数的调用方式。
它不能在执行过程中通过赋值来设置，每次调用函数时可能会有所不同。
ES5引入了bind（）方法来设置函数的值，
ES2015引入了箭头函数，这些函数不提供自己的绑定（它保留了封闭词汇上下文的值）。
方法1：Self-Self被用于维护对原始this的引用，即使上下文在变化。这是一种常用于事件处理程序（尤其是闭包）的技术。
参考：此
function MyConstructor(data, transport) {
this.data = data;
var self = this;
transport.on('data', function () {
alert(self.data);
});
}
方法2：箭头函数-箭头函数表达式在语法上是正则函数表达式的一种紧凑的替代方法，尽管它本身没有与this、arguments、super或new.target关键字的绑定。
箭头函数表达式不适合作为方法，并且不能用作构造函数。
参考：箭头函数表达式
function MyConstructor(data, transport) {
this.data = data;
transport.on('data',()=> {
alert(this.data);
});
}
方法3:Bind-Bind（）方法创建一个新函数，当调用该函数时，将其this关键字设置为所提供的值，并在调用新函数时提供的任何参数之前使用给定的参数序列。
引用：Function.pr原型.bind（）
function MyConstructor(data, transport) {
this.data = data;
transport.on('data',(function() {
alert(this.data);
}).bind(this);
另一种方法是EventListener接口中的handleEvent（evt）方法，这是自DOM2以来将其绑定到事件侦听器中的标准方法，它允许您始终删除侦听器（以及其他好处）：
var obj = {
handleEvent(e) {
// always true
console.log(this === obj);
}
};
document.body.addEventListener('click', obj);
有关使用handleEvent的详细信息可以在以下位置找到：DOM handleEvent：自2000年以来的跨平台标准
这一切都在调用方法的“神奇”语法中：
object.property();
当您从对象中获取属性并一次性调用它时，该对象将成为该方法的上下文。如果调用相同的方法，但在不同的步骤中，则上下文是全局范围（窗口）：
var f = object.property;
f();
当您获得方法的引用时，它将不再附加到对象。它只是对普通函数的引用。当您获取要用作回调的引用时，也会发生同样的情况：
this.saveNextLevelData(this.setAll);
这就是将上下文绑定到函数的地方：
this.saveNextLevelData(this.setAll.bind(this));
如果使用jQuery，则应改用$.proxy方法，因为并非所有浏览器都支持绑定：
this.saveNextLevelData($.proxy(this.setAll, this));
