好记性不如烂笔头，在写作的过程中自己消化吸收，所以写下这个JavaScript学习系列文章。文章中的文字都是自己理解的内容，各位酌情观看。

上篇插播了个闭包，这篇讲this。PS：抱歉割了三天，因为工作的原因，读书也是需要时间的呀，这两天看的眼睛都不舒服了，肩周炎也是疼的厉害，但你们的支持（点赞）就是我最大的动力，加油！！

this是什么？

        传统的面向对象语言（如java），this用来代表当前对象本身，可以便利调用自身数据和方法。但在JavaScript中，this的指向灵活，一般来说，this的指向在调用的时候确定，而不是在定义的时候确定。这个系列前面在前面的作用域章节说到，JavaScript是编译语言，在运行之前先编译再执行，this就是在第二步“执行”阶段确定的（具体就是执行上下文，这个JavaScript系列后续接着讲）。先看个经常在其他地方看到的例子

var a = 20;function F() {var a = 10;//console.log(a);console.log(this.a);
}
F();

        乍一看，F函数中打印this.a，刚好函数里有个a，那打印的就是10。结果是20，再重复一下，一般情况下（有特殊绑定的例外），this的指向是在调用时确定，不是在编写代码的时候确定。执行的时候，F函数是在全局作用域下调用的，F中的语句相当于在window下执行，那么执行的时候this绑定的是window，而全局环境下var定义的就是window的属性，this.a===window.a===（var）a===20；注意，这里第一个迷糊的点是作用域，不要将变量的作用域和this混淆到了一起（我就是这么干的，-_-||）。这里我们打印一下a（不是this.a），发现它输出10。心里的矛盾解开了吗？看图继续

 

        这么说，this就是执行上下文中的一块临时指针，它告诉当前上下文该去哪里找对象。一般语言this就指向自身，但是JavaScript灵活呀，在这段代码中，this指向全局作用域，那么this.a就是20了。但在函数作用域中的a还是10，而且不能用this去访问。这里就是我的第二个迷糊的点，对象。function F(){}在这里定义的是一个函数，提供了一个作用域环境，其中的变量a存在在这个作用域环境中，但他不是对象，也就是在F中并没有一个a的属性（实际上这里对应的是本文最后摘录中的第2条）。我们可以在控制台打印一下F，他就是个空对象。所以这里不要将F等同于对象的概念，他本身就不存在this.a这个东西！即便我们强行将this绑定到它自身（通过new一个实例出来），输出的也是undefined！

 

var a = 20;
function F() {var a = 10;console.log(this.a);
}
var f=new F(); //undefined

        说到这里不得不说一下，这里的这个例子实在是不合适，因为他实际上混了多个知识点：全局var===window；作用域；this等。稍微改一下，大家就能理解了。

var a = 20;
function F() {this.a = 10;console.log(this.a);
}
F();

        这里就输出的是10（妈呀，终于对了！）。再来分析一下是不是：var a= 20；全局作用域下执行那就是window.a = 20，如果有this指向window并且访问this.a的话，那就是20。然后定义了F执行了F。这是再全局作用域下执行的，所以this指向window。执行了this.a=10；那不就是将window下的那个a重新赋值了10吗，接着打印输出，10！在控制台看window.a，10！

        this的内容远远不止这一点，我们花了这么多篇幅只讲了这个例子是想更深刻的理解这句话，再强调一下：一般来说：this 的绑定和函数声明的位置没有任何关系，只取决于函数的调用方式。

this绑定规则

        this再灵活，它也有自己的规则顺序：

1. 函数是否在 new 中调用？如果是的话 this 绑定的是新创建的对象。

2. 函数是否通过 call、apply（显式绑定）或者硬绑定调用？如果是的话，this 绑定的是指定的对象。

3.函数是否在某个上下文对象中调用（隐式绑定）？如果是的话，this 绑定的是那个上下文对象。 

4.如果都不是的话，使用默认绑定。如果在严格模式下，就绑定到 undefined，否则绑定到全局对象。 

         文章三千字了，有点长了，还是分成几个篇幅来讲，小步快跑，不然大家容易困~~

---

读书笔记还是放到后面吧，要不然大家看到这些枯燥的内容直接就不看我自己写的部分了o(╥﹏╥)o，其实这里都是精华（难吸收）。

 《你不知道的JavaScript——上》中将this和对象分成了6章！这得多少知识点，慢慢啃吧~~ 抱歉，啃了一天，发现这书上说的重点不在于this，作者更在意于一种思维模式的更正，想要将JavaScript的传统的对象思维纠正为委托的思维。所以这部分内容基本上在深入的分析对象、原型、委托等相关概念。其中有一些读书笔记摘录下来了，备忘。

关于this的误解

1.人们很容易把 this 理解成指向函数自身——错

2.this 指向函数的作用域。——错

        this 在任何情况下都不指向函数的词法作用域。在 JavaScript 内部，作用 域确实和对象类似，可见的标识符都是它的属性。但是作用域“对象”无法通过 JavaScript 代码访问，它存在于 JavaScript 引擎内部。*1

3.this到底是什么

        之前我们说过 this 是在运行时进行绑定的，并不是在编写时绑定，它的上下文取决于函数调用时的各种条件。this 的绑定和函数声明的位置没有任何关系，只取决于函数的调用方式。

        当一个函数被调用时，会创建一个活动记录（有时候也称为执行上下文）。这个记录会包 含函数在哪里被调用（调用栈）、函数的调用方法、传入的参数等信息。this 就是记录的 其中一个属性，会在函数执行的过程中用到。

4.this绑定规则顺序

（1） 函数是否在 new 中调用（new 绑定）？如果是的话 this 绑定的是新创建的对象。 var bar = new foo()

（2） 函数是否通过 call、apply（显式绑定）或者硬绑定调用？如果是的话，this 绑定的是 指定的对象。 var bar = foo.call(obj2)

（3）函数是否在某个上下文对象中调用（隐式绑定）？如果是的话，this 绑定的是那个上 下文对象。 var bar = obj1.foo()

（4）如果都不是的话，使用默认绑定。如果在严格模式下，就绑定到 undefined，否则绑定到 全局对象。 var bar = foo()

5.this绑定例外

        箭头函数 => 箭头函数不使用 this 的四种标准规则，而是根据外层（函数或者全局）作用域来决定 this。箭头函数的绑定无法被修改。（new 也不行！）

6.面向对象的设计模式：实例化（instantiation）、继承（inheritance）和多态（polymorphism）， JavaScript 开发者所使用的解决方法（比如混入，mixin）。

7.类理论：类 / 继承描述了一种代码的组织结构形式——一种在软件中对真实世界中问题领域的建模 方法。

8.在传统的面向类的语言中，构造函数是属于类的。然而，在 JavaScript 中恰好相反——实际上“类”是属于构造函数的（类似 Foo.prototype... 这样的类型引用）。

9.Object.create(..) 会创建一个新对象（bar）并把它关联到我们指定的对象（foo）

var foo = {
something: function() {
console.log( "Tell me something good..." );
}
};
var bar = Object.create( foo );
bar.something(); // Tell me something good...

注：*1——作用域在编译阶段，执行上下文是代码执行阶段——理解来自【文章】