this 的指向

JavaScript 的this 总是指向一个对象，指向哪个对象是在运行时基于函数的执行环境动态绑定的，而不是由函数被声明时的环境。

this 的指向常用的有四种：

       /*
        * 1、作为对象的方法调用
        * 2、作为普通函数调用
        * 3、构造器调用
        * 4、Function.prototype.call 或者 Function.prototype.apply调用
        * */

1、作为对象的方法被调用时——this 指向该对象

2、函数作为普通函数被调用时——this 总是指向 全局对象，在浏览器中，是window 对象

3、函数作为构造器函数调用

（1）、当用new 运算符调用函数时，该函数总会返回一个对象，一般情况下，this 会指向这个返回的对象

（2）、如果构造器显式返回一个object 类型的对象，则this 最终会指向 这个显式返回的对象

 

4、Function.prototype.call 或 Function.prototype.apply 调用——动态改变传入函数的this

 

一些怪异的问题（经过this 的学习也可以解决）

在div 节点的事件点击函数内部，局部的callback 方法，callkack 被作为普通函数调用时，callback 函数的内部this 指向了全局对象 window ，但是一般想让htis 指向 div  节点，毕竟在div 的点击事件内部。可以用一个临时变量保存 div  节点的引用

 

再看一道面试的题目

解析要仔细看上面吧~