Javascript “什么是”呢；这"；何时在setTimeout的回调中？对于新的问题道歉，但是考虑这个代码 function Greeter( name) { this.name = name; } Greeter.prototype.delayed_greet = function() { setTimeout( function cb() { console.log(' Hello ' + this.name); }, 500); }; Greeter.prototype.greet = function() { console.log(' Hello ' + this.name); } const greeter = new Greeter(' World'); greeter.delayed_greet(); // will print "Hello undefined" greeter.greet(); // will print "Hello World"_Javascript_This

Javascript “什么是”呢；这"；何时在setTimeout的回调中？对于新的问题道歉，但是考虑这个代码 function Greeter( name) { this.name = name; } Greeter.prototype.delayed_greet = function() { setTimeout( function cb() { console.log(' Hello ' + this.name); }, 500); }; Greeter.prototype.greet = function() { console.log(' Hello ' + this.name); } const greeter = new Greeter(' World'); greeter.delayed_greet(); // will print "Hello undefined" greeter.greet(); // will print "Hello World"

javascript

Javascript “什么是”呢；这"；何时在setTimeout的回调中？对于新的问题道歉，但是考虑这个代码 function Greeter( name) { this.name = name; } Greeter.prototype.delayed_greet = function() { setTimeout( function cb() { console.log(' Hello ' + this.name); }, 500); }; Greeter.prototype.greet = function() { console.log(' Hello ' + this.name); } const greeter = new Greeter(' World'); greeter.delayed_greet(); // will print "Hello undefined" greeter.greet(); // will print "Hello World",javascript,this,Javascript,This,因此，在delayed_greet方法中，当它嵌套在setTimeout中时，它指的是什么？它显然不是指greeter对象，否则它会工作。setTimeout通常在浏览器中定义为window.setTimeout，可以称为setTimeout，因为它在全局范围内可用这也意味着上下文和此值始终是窗口，除非明确设置了另一个此值说 setTimeout（）执行的代码是从执行上下文调用的与调用setTimeout的函数分离为被调用函数设置this关键字的常用规则应用，如果您没有在调用中或使用b

因此，在

delayed_greet

方法中，当它嵌套在

setTimeout

中时，它指的是什么？它显然不是指

greeter

对象，否则它会工作。

setTimeout

通常在浏览器中定义为

window.setTimeout

，可以称为

setTimeout

，因为它在全局范围内可用

这也意味着上下文和

此

值始终是

窗口

，除非明确设置了另一个

此

值

说

setTimeout（）执行的代码是从执行上下文调用的与调用setTimeout的函数分离

为被调用函数设置

this

关键字的常用规则应用，如果您没有在调用中或使用bind设置此，则将默认为非严格模式下的全局（或窗口）对象，或在严格模式下不可定义

它将不同于该函数的

此

值称为setTimeout

MDN还概述了解决

setTimeout

中“此问题”的多种方法。就我个人而言，我认为我应该采取简单的方法，使用一个变量

Greeter.prototype.delayed_greet = function() { 
   var that = this;

   setTimeout( function cb() { 
       console.log(' Hello ' + that.name); 
   }, 500); 
};

另一个选项是箭头函数，因为它们保留周围的上下文，而不创建自己的上下文

var o={
fn（）{
setTimeout（（）=>{console.log（this）}，500）
} 
}
var o2={
fn（）{
setTimeout（函数（）{
console.log（此===窗口）
}, 1000) 
} 
}
o、 fn（）；//fn（）---箭头函数
o2.fn（）；//的确，is window--常规函数

setTimeout

在浏览器中通常定义为

window.setTimeout