function JSClass() { var myName = 'jsclass'; this.m_Name = 'JSClass'; } JSClass.prototype.ToString = function() { alert(myName + ', ' + this.m_Name); }; var jc = new JSClass(); jc.ToString(); function JSClass() { var myName = 'jsclass'; this.m_Name = 'JSClass'; } JSClass.prototype.ToString = function() { alert(myName + ', ' + this.m_Name); }; var jc = new JSClass(); jc.ToString();
这是JavaScript模拟类定义中对this的使用，这个和其它的OO语言中的情况非常的相识。但是这里要求成员属性和方法必须使用this关键字来引用，运行上面的程序会被告知myName未定义。
5、为脚本引擎内部对象添加原形方法中的this关键字：
function.prototype.GetName = function() { var fnName = this.toString(); fnName = fnName.substr(0, fnName.indexOf('(')); fnName = fnName.replace(/^function/, ''); return fnName.replace(/(^\s+)|(\s+$)/g, ''); } function foo(){} alert(foo.GetName()); function.prototype.GetName = function() { var fnName = this.toString(); fnName = fnName.substr(0, fnName.indexOf('(')); fnName = fnName.replace(/^function/, ''); return fnName.replace(/(^\s+)|(\s+$)/g, ''); } function foo(){} alert(foo.GetName());
这里的this指代的是被添加原形的类的实例，和4中类定义有些相似，没有什么太特别的地方。
6、结合2&4，说一个比较迷惑的this关键字使用：
view plaincopy to clipboardprint? function JSClass() { this.m_Text = 'division element'; this.m_Element = document.createElement('DIV'); this.m_Element.innerHTML = this.m_Text; this.m_Element.attachEvent('onclick', this.ToString); } JSClass.prototype.Render = function() { document.body.appendChild(this.m_Element); } JSClass.prototype.ToString = function() { alert(this.m_Text); }; var jc = new JSClass(); jc.Render(); jc.ToString(); function JSClass() { this.m_Text = 'division element'; this.m_Element = document.createElement('DIV'); this.m_Element.innerHTML = this.m_Text; this.m_Element.attachEvent('onclick', this.ToString); } JSClass.prototype.Render = function() { document.body.appendChild(this.m_Element); } JSClass.prototype.ToString = function() { alert(this.m_Text); }; var jc = new JSClass(); jc.Render(); jc.ToString();
我就说说结果，页面运行后会显示："division element"，确定后点击文字"division element"，将会显示："undefined"。
7、CSS的expression表达式中使用this关键字：
height: expression(this.parentElement.height);"> division element height: expression(this.parentElement.height);"> division element
这里的this看作和1中的一样就可以了，它也是指代div元素对象实例本身。
8、函数中的内部函数中使用this关键字：
view plaincopy to clipboardprint? function OuterFoo() { this.Name = 'Outer Name'; function InnerFoo() { var Name = 'Inner Name'; alert(Name + ', ' + this.Name); } return InnerFoo; } OuterFoo()(); function OuterFoo() { this.Name = 'Outer Name'; function InnerFoo() { var Name = 'Inner Name'; alert(Name + ', ' + this.Name); } return InnerFoo; } OuterFoo()();
运行结果显示是："Inner Name, Outer Name"。按我们在2中的讲解，这里的结果如果是"Inner Name, undefined"似乎更合理些吧？但是正确的结果确实是前者，这是由于JavaScript变量作用域的问题决定的，详细了解推荐参看"原来JScript中的关键字'var'还是有文章的"一文及回复。
归纳起来，JavaScript中的this用法有以下3种（详细用法参原文）：
1.在HTML元素事件属性 或 CSS的expression表达式 中inline方式使用this关键字——对应原文的1、7
2.在事件处理函数中使用this关键字——对应原文的2、3
其中可分为两种方式
(1)DOM方式——此种方式的结果是this指向窗口（window）对象
(2)DHTML方式——此种方式的结果是this指向div元素对象实例
3.在类定义中使用this关键字并在其 内部函数 或 成员函数（主要是prototype产生）中使用——对应原文的4、5、8
需要说明的是，在函数也是个对象，因此需要区分 变量定义 和 成员变量定义，如下：
view plaincopy to clipboardprint? var variableName; //变量定义 //作用域：函数定义范围内 //使用方法：直接使用variableName this.varName; //成员变量定义 //作用域：函数对象定义范围内及其成员函数中 //使用方法：this.varName var variableName; //变量定义 //作用域：函数定义范围内 //使用方法：直接使用variableName this.varName; //成员变量定义 //作用域：函数对象定义范围内及其成员函数中 //使用方法：this.varName
以上归纳出的三类this的使用方法中，第一种比较容易理解，这里对原文中第6点提到的程序进行了测试和改进如下，以说明上述后两种使用方法：