JavaScript中this关键字使用方法详解

这里的this关键字指示的内容是div元素对象实例，在脚本中使用DHTML方式直接为div.onclick赋值一个EventHandler的方法，等于为div对象实例添加一个成员方法。这种方式和第一种方法的区别是，第一种方法是使用HTML方式，而这里是DHTML方式，后者脚本解析引擎不会再生成匿名方法。

4、类定义中使用this关键字：

复制代码 代码如下:
functionJSClass()
{
varmyName='jsclass';
this.m_Name='JSClass';
}

JSClass.prototype.ToString=function()
{
alert(myName+','+this.m_Name);
};

varjc=newJSClass();
jc.ToString();

这是JavaScript模拟类定义中对this的使用，这个和其它的OO语言中的情况非常的相识。但是这里要求成员属性和方法必须使用this关键字来引用，运行上面的程序会被告知myName未定义。

5、为脚本引擎内部对象添加原形方法中的this关键字：

复制代码 代码如下:
Function.prototype.GetName=function()
{
varfnName=this.toString();
fnName=fnName.substr(0,fnName.indexOf('('));
fnName=fnName.replace(/^function/,'');
returnfnName.replace(/(^s+)|(s+$)/g,'');
}
functionfoo(){}
alert(foo.GetName());

这里的this指代的是被添加原形的类的实例，和4中类定义有些相似，没有什么太特别的地方。

6、结合2&4，说一个比较迷惑的this关键字使用：

复制代码 代码如下:
functionJSClass()
{
this.m_Text='divisionelement';
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);
};

varjc=newJSClass();
jc.Render();
jc.ToString();

我就说说结果，页面运行后会显示："divisionelement"，确定后点击文字"divisionelement"，将会显示："undefined"。

7、CSS的expression表达式中使用this关键字：

复制代码 代码如下:



height:expression(this.parentElement.height);">
divisionelement