js bind 传参、_图解：一篇彻底带你搞懂 JS 中的 this 指向问题

写在前边

Javascript是一门基于对象的动态语言，也就是说，所有东西都是对象，一个很典型的例子就是函数也被视为普通的对象。

其中this就是实现面向对象的一个非常重要的特性，但是 this在Javascript非常容易理解错，尤其是对于接触静态语言比较久的同学来说。而且 this又是面试中和实际项目中的重中之重，不得不单独拿出一篇文章来把它理解透透的。

上面说到this参数是面向对象Javascript编程的一个重要组成部分，代表函数调用相关联的对象，也称为函数上下文。我知道，你可能是个初学 JS 的同学，听不懂，没关系，不用担心，因为下面还有动画来更好的理解。

思维导图

1、什么是 this？

什么是 this呢？上边我们说 this是一个对象，是个啥对象？咱们就来动手敲代码打印一下。我们最常见的 this是在一个函数中， JS 的函数调用有两种方式，一种是我们直接调用，另外一种就是通过 new 的方式来调用，我们通过两种方式来打印一下 this值是否相同？。

控制台输出如下：

吆喝？咦？虽然都是在函数中，咋打印出来的不一样呢？直接通过函数调用的方式打印出来的 this指向的是全局变量Window;通过new的方式调用的函数当做为构造函数，为了能够创