步步辨析JS中的对象成员

最后更新于:2022-04-01 10:13:00

## 前提 首先我们应该明白创建一个JS对象的具体实例是实例化的过程,而实例化是通过new关键字实现的,这个对象是含有constructor的,一般的核心对象都会具有constructor以便创建其实例。因此,如果要对我们自己创建的JS对象进行实例化的话,则这个对象必须具有constructor。 构造函数的基本架构为: ~~~ function myConstructor(a){ /*某些代码*/ } ~~~ ## 静态成员 JS中的静态成员是通过点操作符添加到对象实例中,并且只存在于对象的一个具体实例,不存在于构造函数中,因此通过new关键字创建的对象实例不具有原对象的静态成员。 添加对象静态成员的小例: ~~~ <script type="text/javascript"> var myObject = new Object(); //添加静态属性 myObject.name="lyg"; //添加静态方法 myObject.alertName = function(){ alert(this.name); } //执行添加的静态方法 myObject.alertName() </script> ~~~ 静态成员只存在于对象的一个具体实例,不存在于构造函数中的实例: ~~~ <script type="text/javascript"> function myConstuctor(){ } myConstuctor.myname = "lyg"; myConstuctor.alertName = function(){ alert(this.myname); } //myConstuctor.alertName(); var myObj = new myConstuctor(); myObj.alertName(); //这里会报错 </script> ~~~ ## 公有成员 能够使实例化的对象包含的成员称为公有成员,添加公有成员有两种方法:在构造函数中用this关键字添加公有属性或公有方法(特权成员);另外一种方法便是修改函数原型,即prototype属性 添加对象公有成员的小例: ~~~ <script type="text/javascript"> function myConstuctor(){ this.message="abc"; } var myObj = new myConstuctor(); //alert(myObj.message); alert(myObj.myName); //这里将显示undefined myConstuctor.prototype.myName = 'lyg'; alert(myObj.myName); //这里显示'lyg' </script> ~~~ 实例中也正说明了当修改一个对象的原型时,任何继承该对象的对象和已经存在的所有实例都会继承同样的变化。而需要提及一点的是,公有成员只能在被实例化的实例中可用,而在构造函数自身中是无效的。 ## 私有成员 在构造函数中定义的变量和函数成为私有成员,私有成员只有在构造函数中才能访问,因此在实例化执行构造函数的过程中,将访问其成员。 添加私有成员的小例: ~~~ <script type="text/javascript"> function myConstuctor(message){ this.message = message; //公有属性 var myOwner = this; //私有属性 function alertMessage(){ //私有方法 alert(myOwner.message); } alertMessage(); } var myObj = new myConstuctor("Hello Wold"); //这里将弹出窗口显示"Hello Wold" </script> ~~~ ## 特权成员 特权成员也属于公有成员的一类,之前已有提及:在构造函数中用this关键字添加的公有属性或公有方法。根据其特殊的名称,其特殊的权利在于:与在prototype定义的公有成员不同,由于其是在构造函数中定义的,因此特权成员可以访问私有成员。在此将不予举例。 ## 总结 根据静态成员的定义方法可知,其与prototype是同级的属性,可以被继承的成员在prototype之下,据此可知,静态成员只适用于对象的一个具体实例。 公有的prototype成员是对象蓝图的一部分,适用于通过new关键字实例化该对象的每一个实例。 私有和特权成员的相同之处在于,它们都在构造函数内部,会带到构造函数的每一个实例中,会占用大量内存。 在合适的场合应用合适的成员,将使我们的程序更加优化。
';