[置顶] 步步辨析JS中的对象成员
前提
首先我们应该明白创建一个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关键字实例化该对象的每一个实例。
私有和特权成员的相同之处在于,它们都在构造函数内部,会带到构造函数的每一个实例中,会占用大量内存。
在合适的场合应用合适的成员,将使我们的程序更加优化。
[置顶] 步步辨析JS中的对象成员的更多相关文章
- 浅解析js中的对象
浅解析js中的对象 原文网址:http://www.cnblogs.com/foodoir/p/5971686.html,转载请注明出处. 前面的话: 说到对象,我首先想到的是每到过年过节见长辈的时候 ...
- JS中的对象和方法简单剖析
众所周知,在js中对象就是精髓,不理解对象就是不理解js. 那么什么事js中的对象呢? 在js中,几乎一切皆对象: Boolean ,String,Number可以是对象(或者说原生数据被认作对象): ...
- js中判断对象具体类型
大家可能知道js中判断对象类型可以用typeof来判断.看下面的情况 <script> alert(typeof 1);//number alert(typeof "2" ...
- js中XMLHttpRequest对象实现GET、POST异步传输
js中XMLHttpRequest对象实现GET.POST异步传输 /* * 统一XHR接口 */ function createXHR() { // IE7+,Firefox, Opera, Chr ...
- JavaScript学习12 JS中定义对象的几种方式
JavaScript学习12 JS中定义对象的几种方式 JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工 ...
- js中推断对象详细类型
大家可能知道js中推断对象类型能够用typeof来推断. 看以下的情况 <script> alert(typeof 1);//number alert(typeof "2&quo ...
- JavaScript学习12 JS中定义对象的几种方式【转】
avaScript学习12 JS中定义对象的几种方式 转自: http://www.cnblogs.com/mengdd/p/3697255.html JavaScript中没有类的概念,只有对象. ...
- JS中有关对象的继承以及实例化、浅拷贝深拷贝的奥秘
一.属性的归属问题 JS对象中定义的属性和方法如果不是挂在原型链上的方法和属性(直接通过如类似x的方式进行定义)都只是在该对象上,对原型链上的没有影响.对于所有实例共用的方法可直接定义在原型链上这样实 ...
- JS中定义对象和集合
在js中定义对象: 方式一: var obj = {}; obj['a']=1; obj['b']=2; 方式二: var obj=new Object(); obj.a=1; obj.b=2; 在j ...
随机推荐
- Tomcat 8熵池阻塞变慢详解(转)
Tomcat 8熵池阻塞变慢详解 作者:chszs,转载需注明.博客主页:http://blog.csdn.net/chszs Tomcat 8启动很慢,且日志上无任何错误,在日志中查看到如下信息: ...
- 24种设计模式--多例模式【Multition Pattern】
这种情况有没有?有!大点声,有没有?有,是,确实有,就出现在明朝,那三国期间的算不算,不算,各自称帝,各有各的地盘,国号不同.大家还 记得那首诗<石灰吟>吗?作者是谁?于谦,他是被谁杀死的 ...
- 『重构--改善既有代码的设计』读书笔记----Introduce Local Extension
同Introduce Foreign Method一样,很多时候你不能修改编辑原始类,你需要为这些服务类增加一些额外的函数,但你没有这个权限或者入口.如果你只需要一个或者两个外加函数那么你可以放心的使 ...
- 如何:在 StackPanel 和 DockPanel 之间进行选择
虽然可以使用 DockPanel 或 StackPanel 来堆叠子元素,但这两个控件并不总是会产生相同的结果. 例如,子元素的放置顺序可能会影响 DockPanel 中子元素的大小,但不会影响 St ...
- 【转】HTML5 LocalStorage 本地存储
原文见:http://www.cnblogs.com/xiaowei0705/archive/2011/04/19/2021372.html 说到本地存储,这玩意真是历尽千辛万苦才走到HTML5这一步 ...
- Shell 控制并发
方法1: #!/bin/bash c=0 for i in `seq -w 18 31`;do while [ $c -ge 3 ];do c=$(jobs -p |wc -w) sleep 1s d ...
- NLP相关资源
一 NLP相关资源站点 Rouchester大学NLP/CL会议列表 一个非常好的会议时间信息网站,将自然语言处理和计算语言学领域的会议,按照时间月份顺序列出. NLPerJP 一个日本友好人士维护的 ...
- iOS判断手机中是否 有 SIM卡---备用
[CTSIMSupportGetSIMStatus() isEqualToString:kCTSIMSupportSIMStatusNotInserted]可以判断是否插入了sim卡. 前提是把下面的 ...
- Java中的自动拆箱装箱(Autoboxing&Unboxing)
一.基本类型打包器 1.基本类型:long.int.double.float.boolean 2.类类型:Long.Integer.Double.Float.Boolean 区别:基本类型效率更高,类 ...
- gcc将多个静态库链接成一个静态库
参考:https://sourceware.org/binutils/docs/binutils/ar-scripts.html#ar-scripts makefile如下: ARSCRIPT=scr ...