javascript传递this js方法传this

深入理解JavaScript中的this关键字及其传递机制

在JavaScript中，this关键字是一个特殊的变量，它被自动定义在所有函数的作用域中，它的值并不是在函数被声明时确定的，而是在函数被调用时才确定的，这就是为什么我们说this关键字是动态的，而不是静态的，在本文中，我们将深入探讨this关键字的含义，以及它是如何在函数之间传递的。

我们需要理解this关键字的基本含义，在JavaScript中，this关键字通常指向当前执行上下文的对象，这个执行上下文可以是全局执行上下文，也可以是某个函数的局部执行上下文，全局执行上下文是当一个脚本作为一个独立的文件被运行时创建的，而局部执行上下文是在函数被调用时创建的。

在全局执行上下文中，this关键字指向的是全局对象，在浏览器环境中，全局对象是window对象；在Node.js环境中，全局对象是global对象，我们可以使用this关键字来访问全局对象的属性和方法。

console.log(this === window); // 在浏览器环境中，输出true
console.log(this === global); // 在Node.js环境中，输出true

在函数的局部执行上下文中，this关键字的值取决于函数是如何被调用的，如果函数是作为对象的方法被调用的，那么this关键字指向的就是该对象，如果函数是作为普通函数被调用的，那么this关键字指向的就是全局对象（在严格模式下，this关键字会是undefined）。

var obj = {
  name: 'obj',
  sayHello: function() {
    console.log(this.name);
  }
};
obj.sayHello(); // 输出'obj'
function sayHello() {
  console.log(this.name);
}
sayHello(); // 在非严格模式下，输出全局对象的name属性；在严格模式下，输出undefined

我们还可以通过call、apply和bind方法来显式地改变函数中this关键字的值，这些方法都可以接受一个参数，这个参数会被赋值给函数中的this关键字。

function sayHello() {
  console.log(this.name);
}
var obj1 = {name: 'obj1'};
var obj2 = {name: 'obj2'};
sayHello.call(obj1); // 输出'obj1'
sayHello.apply(obj2); // 输出'obj2'
var boundSayHello = sayHello.bind(obj1);
boundSayHello(); // 输出'obj1'

this关键字在JavaScript中是一个非常重要的概念，它不仅可以用来访问当前执行上下文的对象，还可以用来改变函数中this关键字的值，理解this关键字的含义和用法，可以帮助我们更好地编写JavaScript代码。