JavaScript中的this对象知识

JavaScript中的this对象知识2014-09-19JavaScript中的this总是让人迷惑，应该是js众所周知的坑之一。个人也觉得js中的this不是一个好的设计，由于this晚绑定的特性，它可以是全局对象，当前对象，或者…有人甚至因为坑大而不用this。其实如果完全掌握了this的工作原理，自然就不会走进这些坑。来看下以下这些情况中的this分别会指向什么：

1.全局代码中的this

alert（this）//window

全局范围内的this将会指向全局对象，在浏览器中即使window。

2.作为单纯的函数调用

functionfooCoder（x） {this.x = x;}fooCoder（2）;alert（x）;// 全局变量x值为2

这里this指向了全局对象，即window。在严格模式中，则是undefined。

3.作为对象的方法调用

varname = "clever coder";varperson = {name : "foocoder",hello : function（sth）{console.log（this.name + " says "+ sth）;}}person.hello（"hello world"）;

输出 foocoder says hello world。this指向person对象，即当前对象。

4.作为构造函数

newFooCoder（）;

函数内部的this指向新创建的对象。

5.内部函数

varname = "clever coder";varperson = {name : "foocoder",hello : function（sth）{varsayhello = function（sth） {console.log（this.name + " says "+ sth）;};sayhello（sth）;}}person.hello（"hello world"）;//clever coder says hello world

在内部函数中，this没有按预想的绑定到外层函数对象上，而是绑定到了全局对象。这里普遍被认为是JavaScript语言的设计错误，因为没有人想让内部函数中的this指向全局对象。一般的处理方式是将this作为变量保存下来，一般约定为that或者self：

varname = "clever coder";varperson = {name : "foocoder",hello : function（sth）{varthat = this;varsayhello = function（sth） {console.log（that.name + " says "+ sth）;};sayhello（sth）;}}person.hello（"hello world"）;//foocoder says hello world

6.使用call和apply设置this

person.hello.call（person, "world"）;

apply和call类似，只是后面的参数是通过一个数组传入，而不是分开传入。两者的方法定义：

call（ thisArg [，arg1，arg2，… ] ）;  // 参数列表，arg1，arg2，...apply（thisArg [，argArray] ）;     // 参数数组，argArray

两者都是将某个函数绑定到某个具体对象上使用，自然此时的this会被显式的设置为第一个参数。