bind\call\apply、构造函数、箭头函数中的this指向（二）
最新回答
最纯洁De天使つ
2020-08-18 13:31:35
bind、call和apply都是为了改变函数内部的this指向而设计的工具。它们的核心区别在于是否立即执行函数：bind会返回一个新函数，该函数的this指向已预先设定，而call和apply则是直接调用目标函数。call和apply接收两个参数，第一个是this的指向对象，第二个是可变参数列表。举个例子，通过call将函数内的this指向改变为某个对象，这在面试中经常被用来检验候选人对JavaScript的理解。
在基础面试题中，我们使用call函数将this指向设置为某个对象，从而改变函数内部的this，使得函数输出与目标对象关联。构造函数和new操作符之间的关系也常在面试中被提及。构造函数接收new操作符的this指向，即新创建的对象实例。在构造函数内部使用return时，其返回值决定了this指向的结果。
在构造函数中，如果返回一个对象，this将指向该对象实例；如果返回一个基本类型值，则this依然指向这个实例。因此，理解构造函数返回值的类型对于正确使用new操作符至关重要。
箭头函数中的this指向是通过外部作用域决定的。普通函数中this的指向取决于调用上下文，而箭头函数的this指向则固定于创建时的外部作用域。这意味着，在箭头函数内部使用this时，其值由包围它的非箭头函数或者全局作用域决定。例如，在setTimeout的匿名箭头函数中，通过使用箭头函数，我们可以确保其内部的this指向与外部调用者一致，从而实现特定的预期行为。
总结今日内容，理解不同函数调用和构造函数中的this指向是JavaScript编程中的基础。通过实践示例和面试问题，我们可以更好地掌握这些概念，提升编程技能。对于想要深入学习和交流的读者，欢迎关注公众号【小帅的编程笔记】，与我们一起在前端道路上不断前行。
热门标签
