JavaScript 面向对象之 this 关键字详解

来源：互联网发布：数据库删除多条数据编辑：程序博客网时间：2024/06/09 22:58

js面向（基于）对象编程——类（原型对象）与对象

this—问题提出

在实际编程中，我们可能有这样的需求，当我们创建一个对象后，就希望该对象自动的拥有某些属性（比如：当我们创建一个Person对象后，就希望该对象自动拥有name和阿哥属性，这又怎么办？）

解决之道：使用this

js虚拟机会给每一个对象分配this，代表当前对象。

实例代码：

function Person(){this.name="abc"this.age=90;}var p1=new Person();var p2=new Person();pa.name="顺平";window.alert(p1.name+" "+p2.name); //输出  abc abc

补充：在定义类（原型对象）中，var和this的区别：

<html><head><script language="javascript">function Person(){var name="abc"; //如果这样去使用 name这个属性是私有的this.name2="abc2"; //this.name2 表示name2这个属性是公开的//下面show()就是Person的一个公开方法//如果你一定要访问私有属性，则需要定义一个公开方法（特权方法）this.show=function(){window.alert(name); //name属性是私有的}//下面<span style="font-family: Arial;">show2()</span>是私有方法，只能在Person类中使用//如果想在外部使用show2，可以在this.show中调用//javascript中大部分方法都是公开的function show2(){}}var p1=new Person();//这样调用name属性，会报undefinedwindow.alert(p1.name);//输出 abc2//name2属性是公开的window.alert(p1.name2);//如果要访问私有属性name，就要在类中定义一个公开的方法，比如定义一个show方法p1.show();</script></head><body><body></html>

为了进一步理解this，再看一个案例:

<html><head><script language="javascript">function test1(){alert(this.v);}var v=90;window.test1();// 输出什么 等价于== test1();// alert("ok"); <==> window.alert("ok");//哪个对象实例调用this所在的函数，那么this就代表哪个对象实例//window.test1(); this就是window，进去了以后，调test1，如果test1里面有this，那个这个this就是调用者window，这个this有没有v呢，在外面定义了一个v=90。window对象是全局对象。window.alert(v); //输出vwindow.alert(window.v) //同样输出的v，和上面的一样的。window对象是全局对象，在上面的test1函数中alert(this.v);，不就是等同于alert(window.v);吗，这样就容易理解了//什么叫当前对象是this呢function Person(){this.abc=function(){window.alert(this.v); //这里的this就是p，谁调用this，this就是谁}}var p=new Person();p.v="hello"; //动态的p.abc(); //p调用abc，p就是里面的this，而this确实有v这个属性，则hello就被输出了</script></head><body></body></html>

★★★★
应该这么去想：test1这个函数，从面向对象的角度看，它应该是属于某个对象的，它就是属于window的。
alert("ok");
window.alert("ok");这两个是一个意思，alert这个函数默认就是window对象。
我们过去调用函数是这样写
test1(); 这个就是前面没有写window而已，它和下面的是一样的。
window.test1();

javascript中的 HTML DOM window对象
window对象是javascript层级中的顶级对象。
window对象代表一个浏览器窗口或一个框架
window对象会在<body>或<frameset>每次出现时被自动创建

window对象表示一个浏览器窗口或一个框架。在客户端javascript中，window对象是全局对象，所有的表达式都在当前的环境中计算。也就是说，要引用当前窗口根本不需要特殊的语法，可以把那个窗口的属性作为全局变量来使用。例如，可以只写document，而不必写window.document。
同样，可以把当前窗口对象的方法当做函数来使用，如可只写alert()，而不必写window.alert()。

★★★★★记住一句话：
哪个对象实例调用this所在的函数，那么this就代表哪个对象实例。

this——注意事项
this不能在类定义的外部使用，只能在类定义的方法中使用。在类定义的外部，调用者就变成window了
window.alert(this.v); //在类定义的外部这样使用，此时的this指的是window了，就变成另外一个对象了，它并不会把p.v的hello输出，因为在类的外部这个this已经指的是window了

类——如何定义类
讲了this后，我们类（对象原型）的定义就全面了一步，如图：

特别说明：
this.属性名公开属性，可以通过对象名.属性名来直接访问。
var 属性名私有属性，只能通过对象的内部函数来访问。

0 0