NodeJS和浏览器中this关键字的不同之处

NodeJS和浏览器中的JavaScript在使用this关键字时有着一些区别。下面我们将从以下两个方面进行详细讲解。

1. this在NodeJS中的指向

在NodeJS中，this指向的是当前执行上下文中的对象。在全局上下文中，this关键字指向的是global对象。在函数内部，this指向的是运行时函数所属的对象。当函数作为对象方法被调用时，this指向的是该对象本身。在回调函数中，this指向的是调用回调函数的对象。

示例 1：

// 通过 global 可以访问全局变量
console.log(this === global);  // true

function test() {
  console.log(this === global);  // false
}

test();

示例 2：

let obj = {
  name: "Tom",
  sayName: function() {
    console.log(this.name);
  }
}
obj.sayName(); // 输出 "Tom"

2. this在浏览器中的指向

在浏览器中，this指向的是当前执行上下文所属的对象。在全局上下文中，this关键字指向的是window对象。在函数内部，this指向的是运行时函数所属的对象。当函数作为对象方法被调用时，this指向的是该对象本身。在事件处理函数中，this指向的是触发事件的对象。

示例 1：

// 通过 window 可以访问全局变量
console.log(this === window);  // true

function test() {
  console.log(this === window);  // true
}

test();

示例 2：

let obj = {
  name: "Tom",
  sayName: function() {
    console.log(this.name);
  }
}
document.querySelector("button").addEventListener("click", obj.sayName.bind(obj));
// 点击按钮会输出 "Tom"

总结：

NodeJS和浏览器中的this关键字有些许不同。在NodeJS中，this指向的是当前执行上下文的对象，在浏览器中，this指向的是所属的对象。需要根据不同情况对this关键字进行理解和使用。