改变JavaScript中this指向的技巧

在ES5中，this的指向遵循一个基本原理：this永远指向最后调用它的那个对象。这句话可以说是程序员们必须牢记的基本常识。让我们来通过几个例子来解释这个概念。

最简单的例子：例1

在例1中，函数a()被调用，在全局环境下相当于window.a()。因为this永远指向最后调用它的那个对象，所以这里的this指向全局对象window。

对象调用函数的例子：例2

在例2中，函数fn是对象a调用的，所以打印的值就是对象a中的name的值。如果稍作修改，依然会指向对象a。

this的值为undefined的情况：例4

即使对象a中没有定义name属性，最后调用fn的对象仍然是a，所以的值是undefined。这再次说明了this永远指向最后调用它的那个对象。

改变this的指向：箭头函数和_this

使用ES6的箭头函数可以避免this指向混乱的问题。箭头函数的this始终指向函数定义时的this，而非执行时的this。需要注意的是，箭头函数中没有this绑定，必须通过查找作用域链来决定其值。

在函数内部使用_this this

如果不使用ES6，一种简单的方式是在函数内部将调用函数的对象保存在变量_this中，确保this不会发生改变。

使用apply、call、bind方法

apply、call、bind函数是可以改变this指向的常用方法。apply方法和call方法的区别在于传入参数的形式不同，前者接收数组作为参数，后者接收若干个参数列表。

区分apply、call、bind

apply和call基本类似，只是传入的参数形式有所不同。而bind方法则是创建一个新的函数，需要手动去调用。

通过上述例子和方法，我们可以更好地理解并灵活运用JavaScript中this指向的技巧。愿这些技巧能帮助你更好地处理this关键字的使用。

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。