我有一个注册事件处理程序的构造函数：
函数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);
};
但它表现出相同的问题。
如何访问正确的对象？
当前回答
你应该知道“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);
其他回答
这在JavaScript中：
JavaScript中的this值100%取决于函数的调用方式，而不是函数的定义方式。我们可以通过“点规则左侧”相对容易地找到其值：
当使用function关键字创建函数时，this的值是调用的函数点左侧的对象如果点后面没有对象，那么函数内部的值通常是全局对象（Node.js中的全局对象和浏览器中的窗口）。我不建议在这里使用this关键字，因为它比使用类似window的关键字更不明确！存在某些构造，如箭头函数和使用Function.prototype.bind（）创建的函数，该函数可以修复此值。这些都是规则的例外，但它们确实有助于确定这一点的价值。
Node.js中的示例
module.exports.data = 'module data';
// This outside a function in node refers to module.exports object
console.log(this);
const obj1 = {
data: "obj1 data",
met1: function () {
console.log(this.data);
},
met2: () => {
console.log(this.data);
},
};
const obj2 = {
data: "obj2 data",
test1: function () {
console.log(this.data);
},
test2: function () {
console.log(this.data);
}.bind(obj1),
test3: obj1.met1,
test4: obj1.met2,
};
obj2.test1();
obj2.test2();
obj2.test3();
obj2.test4();
obj1.met1.call(obj2);
输出：
让我逐一介绍输出（忽略从第二个开始的第一个日志）：
这是obj2，因为点规则的左侧，我们可以看到test1是如何被称为obj2.test1（）；的；。obj2位于点的左侧，因此为该值。即使obj2位于点的左侧，test2也通过bind（）方法绑定到obj1。此值为obj1。obj2位于调用为：obj2.test3（）的函数的点的左侧。因此obj2将是该函数的值。在本例中：obj2.test4（）obj2位于点的左侧。但是，箭头函数没有自己的这个绑定。因此，它将绑定到外部作用域的this值，即模块。导出一个开头记录的对象。我们还可以通过使用调用函数指定此值。在这里，我们可以传入所需的this值作为参数，在本例中为obj2。
你应该知道“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年以来的跨平台标准
首先，您需要清楚地了解这个关键字在范围上下文中的范围和行为。
此范围（&S）：
JavaScript中有两种类型的作用域。他们是：
全球范围功能范围
简而言之，全局范围是指窗口对象。全局范围中声明的变量可以从任何地方访问。
另一方面，函数范围位于函数内部。在函数内部声明的变量通常无法从外部世界访问。
全局范围中的this关键字引用窗口对象。函数内部的这个也指窗口对象。因此，这将始终引用窗口，直到我们找到一种方法来处理它，以指示我们自己选择的上下文。
--------------------------------------------------------------------------------
- -
- Global Scope -
- (globally "this" refers to window object) -
- -
- function outer_function(callback){ -
- -
- // Outer function scope -
- // Inside the outer function, the "this" keyword -
- // refers to window object -
- callback() // "this" inside callback also refers to the window object -
- } -
- -
- function callback_function(){ -
- -
- // Function to be passed as callback -
- -
- // Here "THIS" refers to the window object also -
- } -
- -
- outer_function(callback_function) -
- // Invoke with callback -
- -
--------------------------------------------------------------------------------
在回调函数中操作此函数的不同方法：
这里有一个名为Person的构造函数。它有一个名为name的属性和四个名为sayNameVersion1、sayNameVersion 2、sayName Version3和sayNameversion 4的方法。他们四人都有一项具体任务。接受回调并调用它。回调有一个特定的任务，即记录Person构造函数实例的name属性。
function Person(name){
this.name = name
this.sayNameVersion1 = function(callback){
callback.bind(this)()
}
this.sayNameVersion2 = function(callback){
callback()
}
this.sayNameVersion3 = function(callback){
callback.call(this)
}
this.sayNameVersion4 = function(callback){
callback.apply(this)
}
}
function niceCallback(){
// Function to be used as callback
var parentObject = this
console.log(parentObject)
}
现在，让我们从person构造函数创建一个实例，并使用niceCallback调用不同版本的sayNameVersionX（X引用1，2，3，4）方法，以了解我们可以用多少种方式操纵这个内部回调来引用person实例。
var p1 = new Person('zami') // Create an instance of Person constructor
绑定：
bind所做的是创建一个新函数，将此关键字设置为所提供的值。
sayNameVersion1和sayNameVersion 2使用bind来操纵回调函数的这一点。
this.sayNameVersion1 = function(callback){
callback.bind(this)()
}
this.sayNameVersion2 = function(callback){
callback()
}
第一个方法将其与方法本身内的回调绑定。对于第二个回调，将传递与之绑定的对象。
p1.sayNameVersion1(niceCallback) // pass simply the callback and bind happens inside the sayNameVersion1 method
p1.sayNameVersion2(niceCallback.bind(p1)) // uses bind before passing callback
电话：
调用方法的第一个参数在函数中用作此参数，该函数通过附加的调用进行调用。
sayNameVersion3使用调用来操纵this，以引用我们创建的person对象，而不是window对象。
this.sayNameVersion3 = function(callback){
callback.call(this)
}
其名称如下：
p1.sayNameVersion3(niceCallback)
应用：
与调用类似，apply的第一个参数引用将由this关键字指示的对象。
sayNameVersion4使用apply操作此对象以引用person对象
this.sayNameVersion4 = function(callback){
callback.apply(this)
}
它的名称如下。简单地传递回调，
p1.sayNameVersion4(niceCallback)
“上下文”的问题
术语“上下文”有时用于指代此引用的对象。它的使用是不合适的，因为它在语义上或技术上都不符合ECMAScript的this。
“上下文”是指围绕着某事物的环境，它增加了意义，或是一些前后信息赋予了额外的意义。ECMAScript中使用术语“上下文”来指代执行上下文，它是一些执行代码范围内的所有参数、范围和内容。
如ECMA-262第10.4.2节所示：
将ThisBinding设置为与调用执行上下文
这清楚地表明这是执行上下文的一部分。
执行上下文提供为正在执行的代码添加意义的周围信息。它包含了比thisBinding更多的信息。
它的价值不是“上下文”。它只是执行上下文的一部分。它本质上是一个局部变量，可以通过对任何对象的调用，在严格模式下，设置为任何值。
