JavaScript中关于this的例题实战总结详析，有哪些长尾关键词可以提问？

本文共计5622个文字，预计阅读时间需要23分钟。

目录+前言+普通函数中的this+箭头函数中的this+函数作为对象的成员函数中的this+上下文对象调用中的this+在构造函数中的this+call、apply、bind+形式修改this+指向this+优先级+箭头函数的this

目录

• 前言
• 普通函数中的 this
• 箭头函数中的 this
• 函数作为对象的方法中的 this
• 上下文对象调用中的 this
• 在构造函数中的 this
• call，apply，bind 显式修改 this 指向
• this 优先级
• 箭头函数的 this 绑定无法修改
• 从手写 new 操作符中去理解 this
• 从手写 call、apply、bind 中去理解 this
• 手写 call 的实现
• 手写 apply 的实现
• 手写 bind 的实现
• 为什么显式绑定的 this 要比隐式绑定的 this 优先级要高
• 总结

前言

是否能够深刻理解 this，是前端 JavaScript 进阶的重要一环。

面向对象语言中 this 表示当前对象的一个引用，但在 JavaScript 中 this 不是固定不变的，它会随着执行环境的改变而改变。