在 JavaScript 中，this 关键字是动态绑定的，或称为运行期绑定，这极大地增强的我们程序的灵活性，同时也给初学者带来了很多困惑。本文总结了 this 的几个使用场景和常见误区。

JavaScript 作为一种脚本语言身份的存在，因此被很多人认为是简单易学的。然而情况恰恰相反，JavaScript 支持函数式编程、闭包、基于原型的继承等高级功能。由于其运行期绑定的特性，JavaScript 中的 this 含义要丰富得多，它可以是全局对象、当前对象或者任意对象，这完全取决于函数的调用方式。

无疑问，jQuery 是一款非常优秀的前端框架，它让我们开发项目变得更加便捷容易。 不过，当你准备在一个项目（特别是移动项目）中使用 JQuery 时，你真的该好好思考一下，你会用到 JQuery 的哪些功能，是否真的需要 jQuery。因为随着 JavaScript 的不断改善进化，现在它内置的功能已经非常强大，在很大程度上，已经可以实现以前需要在 JQuery 中才能实现的技术（如果你的项目需要在 IE8 之前的浏览器中使用，建议还是使用 JQuery，这样可以省却很多兼容性问题）。 著作权归作者所有。 商业转载请联系作者获得授权, 非商业转载请注明出处。 原文: http://ghmagical.com/article/page/id/4Wc70ZVIgOHp © ghmagical.com

ES6 新增了箭头函数用于改善以前使用 function 定义函数时，关于 this 值的一些奇特行为，这篇文章探究了关于箭头函数中 this 得行为。

在 JavaScript 中，call、apply 和 bind 是 Function 对象自带的三个方法，这三个方法的主要作用是改变函数中的 this 指向。

我刚刚花了一个小时把作者的文章全都试了一遍，现在分享出来，希望对大家有所帮助。

原载于前端开发指南，喜欢请关注。 你可能遇到过这样的 JS 面试题： var obj = { foo: function(){ console.log(this) } } var bar = obj.foo obj.foo() // 打印出的 this 是 obj bar() …

本文主要解释在 JS 里面 this 关键字的指向问题 (在浏览器环境下)。

JavaScript 作用域分析总结