Javascript this 的一些学习总结
2024-05-06 14:21:17
供稿：网友
1.1.1 摘要
相信有C++、C#或Java等编程经验的各位，对于this关键字再熟悉不过了。由于Javascript是一种面向对象的编程语言，它和C++、C#或Java一样都包含this关键字，接下来我们将向大家介绍Javascript中的this关键字。
本文目录
•全局代码中的this
•函数中的this
•引用类型
•函数调用以及非引用类型
•引用类型以及this的null值
•函数作为构造器被调用时this的值
•手动设置函数调用时this的值
1.1.2 正文
由于许多面向对象的编程语言都包含this关键字，我们会很自然地把this和面向对象的编程方式联系在一起，this通常指向利用构造器新创建出来的对象。而在ECMAScript中，this不仅仅只用来表示创建出来的对象，也是执行上下文的一个属性：
代码如下:
activeExecutionContext = {
// Variable object.
VO: {...},
this: thisValue
};
全局代码中的this
代码如下:
// Global scope
// The implicit property of
// the global object
foo1 = "abc";
alert(foo1); // abc
// The explicit property of
// the global object
this.foo2 = "def";
alert(foo2); // def
// The implicit property of
// the global object
var foo3 = "ijk";
alert(foo3); // ijk
前面我们通过显式和隐式定义了全局属性foo1、foo2和foo3，由于this在全局上下文中，所以它的值是全局对象本身（在浏览器中是window object）；接下来我们将介绍函数中的this。
函数中的this
当this在函数代码中，情况就复杂多了，并且会引发很多的问题。
函数代码中this值的第一个特性（同时也是最主要的特性）就是：它并非静态的绑定在函数上。
正如此前提到的，this的值是在进入执行上下文（Excution context）的阶段确定的，并且在函数代码中的话，其值每次都不尽相同。
然而，一旦进入执行代码阶段，其值就不能改变了。如果要想给this赋一个新的值是不可能的，因为在那时this根本就不是变量了。
接下来，我们通过具体的例子说明函数中的this。
首先我们定义两个对象foo和person，foo包含一个属性name，而person包含属性name和方法say()，具体的定义如下：
代码如下:
// Defines foo object.
var foo = {
name: "Foo"
};
// Defines person object.
var person = {
name: "JK_Rush",
say: function() {
alert(this === person);
alert("My name is " + this.name);
}
};
person.say(); // My name is JK_Rush
// foo and person object refer to
// the same function say
foo.say = person.say;
foo.say(); // My name is Foo.
通过上面的代码，我们发现调用person的say()方法时，this指向person对象，当通过赋值方式使得foo的say()方法指向peson中的say()方法时。我们调用foo的say()方法，发现this不是指向person对象，而不是指向foo对象，这究竟是什么原因呢？
