JavaScript中的this到底是什么？

上一篇 / 下一篇 2012-08-24 09:14:24 / 个人分类：Java

　　对于常年使用C++，C#，Java等这些面向对象语言的程序员来说，几乎天天都和this打交道。在这些语言里，this含义非常明确，就是指向当前的对象实例，我们用起来也是相当的放心。然而，到了JavaScript这个动态语言里，this的写法没变，但是其含义却大大地不同了，下面用实例说明，使用浏览器为Firefox14.0.1.

　　例子一：

s0n rHB8\s~k0　　（1）源码

<!DOCTYPE html>
<html>
<body>
<script>
alert(this);
</script>
</body>
</html>

　　（2）执行结果

　　（3）分析与结论

　　此时，JS引擎会自动生成一个window对象的成员函数，把上述执行代码放入此函数执行，此时this指向对象window。此时与C++，JAVA，C#的实例成员函数类似。

　　例子二：

　　（1）源码

<!DOCTYPE html>
<html>
<body>
<script>
  function f() {
   alert(this);
  }
  f();
</script>
</body>
</html>

,q[6zTqw/W%v r3b |0　　（2）执行结果

　　（3）分析与结论

　　此例本质上与例子一相同，其中f();其实等价于window.f();也是通过window对象去调用成员函数，此时this仍指向window对象。此时与C++,JAVA,C#的实例成员函数类似。51Testing软件测试网#W:o-Fd.dp!k

&^\T(}tcO0　　例子三：

　　（1）源码

<!DOCTYPE html>
<html>
<body>
<script>
  function f(name) {
   this.name = name;
  }
  var a = new f('叶诗文');
  alert(a.name);
</script>
</body>
</html>

2X8D1gIq7Y1n0　　（2）执行结果51Testing软件测试网4ZP i0^[U2E(^

　　（3）分析与结论51Testing软件测试网9K W6}h3ZtwJ

　　此时，f()被当做构造函数来执行，函数体内的this此时指向被新构造出来的对象a。此时，与C++，JAVA，C#的构造函数类似。51Testing软件测试网D5^NWs Rx&P

　　例子四：

　　（1）源码51Testing软件测试网gr4ZQ~QM

<!DOCTYPE html>
<html>
<body>
<script>
  function f() {
   alert(this.name);
  }
  f.apply({name: '叶诗文'});
</script>
</body>
</html>

　　（2）执行结果

　　（3）分析与结论

　　通过apply方式调用时，函数内的this是通过参数控制的，apply（）的第一个参数就指定了this的值。在C++,JAVA,C#中不存在这种特性。

$O.dPPwI0　　例子五：51Testing软件测试网b@Qh(c

　　（1）源码

0z6n:j$Gy&qI0

<!DOCTYPE html>
<html>
<body>
<script>
  var name = '刘翔';
  var a = {name: '叶诗文'};
  a.f = function() {
   alert(this.name);
   (function(){
    alert(this.name);
   })();
  }
  a.f();
</script>
</body>
</html>

W:f-`/`1D s0　　（2）执行结果

51Testing软件测试网6v'I&hfIB