时常会搞混this，或者想不起来要用this?一文帮你解决

很多人都有这种困扰。this 关键字的用法可能有些复杂，它的值取决于函数所在的作用域和执行环境。

在 JavaScript 中，this 关键字有以下几种用法：

总之，要掌握 this 的用法，你需要多加练习和理解，并善于思考和分析。希望这些建议能帮助你！

• 在全局作用域中，this 指向全局对象（浏览器中是 window 对象，Node.js 中是 global 对象）。

  // 在浏览器中，this 指向 window 对象
  
  console.log(this === window); // Output: true
  
  // 使用 this 访问 window 对象的属性
  console.log(this.innerWidth); // Output: 800 (假设浏览器窗口宽度是 800px)
  
  // 使用 this 调用 window 对象的方法
  this.alert('Hello, world!');
  

  // 在 Node.js 中，this 指向 global 对象
  
  console.log(this === global); // Output: true
  
  // 使用 this 访问 global 对象的属性
  console.log(this.process.pid); // Output: 1234 (假设当前进程的 PID 是 1234)
  
  // 使用 this 调用 global 对象的方法
  this.setTimeout(() => {
    console.log('Hello, world!');
  }, 1000);
  

• 在函数中，this 的值取决于函数的调用方式。
  • 如果函数是作为普通函数调用，this 指向全局对象。
  • 如果函数是作为对象的方法调用，this 指向调用该方法的对象。
  • 如果函数是作为构造函数调用（使用 new 关键字），this 指向新创建的对象。
  • 如果函数是使用 call 或 apply 方法调用，this 指向指定的对象。
• 在箭头函数中，this 的值是在函数定义时确定的，而不是在函数调用时确定的。
• 因此，在使用 this 时，你需要注意它所在的作用域和调用环境。
• 尝试用下面的方法来帮助自己理解 this 的用法：
• 在使用 this 前，先想一想它的值应该是什么。
• 尝试将 this 的值赋给一个变量，然后使用该变量。这样可以避免直接使用 this 带来的困惑。
• 如果你不确定 this 的值，可以在函数中打印出 this 的值，以便调试。