javascript中的对象创建声明: var obj = {}; 或者 var obj = new Object(); 为对象加入属性,方法: //=====第一种写法==================================== obj.name = '小明'; //为对象加属性 obj.updateName = function(name){//为对象定义updateName方法 this.name = name; } alert(obj.name); obj.updateName("小强"); //调用updateName修改obj对象的name属性值 alert(obj['name']); 第一次显示结果为:小明 第二次显示结果为:小强 //=====第二种写法==================================== obj['name'] = '张三'; //为对象加属性 obj['updateName'] = function(name){//为对象定义updateName方法 obj['name'] =name; }; alert(obj.name); obj.updateName('李四'); //调用updateName修改obj对象的name属性值 alert(obj['name']); 第一次显示结果为:张三 第二次显示结果为:李四 //=====第三种写法==================================== var obj = { name: '王五', //为对象加属性 updateName: function(name){//为对象定义updateName方法 this.name = name; } }; alert(obj .name); obj.updateName("赵六"); //调用updateName修改obj对象的name属性值 alert(obj .name); 第一次显示结果为:王五 第二次显示结果为:赵六 //=====分析===================================== 第一种写法是最普通的对象写法,因为javascript是动态语言,与Java和.Net不同, 在程序运行并创建对象后,还可以对该对象的内部结构进行修改, 比如添加属性和方法(java和.net中的反射机制做不到这点)。 (a): var obj = {} || new Object(); (b):obj.name = "张三"; (c):obj.updateName = function(name){ this.name = name}; 当程序执行(a) 后,便创建了一个空对象(不包含任何方法和属性)obj, 当程序执行(b) 后,改变了obj的内部结构,加了一个属性name, 当程序执行(c) 后,改变了obj的内部结构,加了一个方法updateName , 而这都是在运行的时候完成的动作 第二种写法像数组,但绝不是数组,区分是不是数组可以如此判断: if(typeof(obj.length) == "undefined") { alert("obj不是数组,数组都有length属性!"); }else{ alert("obj是数组!"); } 第二种写法更像一种数据结构:map ,如:obj[key] = value; key是字符串,value可以是任何类型,变量,对象,函数等。 可以通过这种方式遍历对象内部结构: for(var key in obj) { alert(key); var value = obj[key]; alert(value); } 通过alert可以显示出你所定义的内容。 第三种写法一看就是map的内部结构了,一个对象,内部完全用key : value键值对方式表示 JSON对象也是这种结构,只要对map或者JSON对象有所熟悉的就很容易理解了。
推荐整理分享javascript中的对象创建 实例附注释(js对象用法),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:javascript的对象,javascript的对象,javascript中的对象类型,javascript中的对象用于在单个的变量中存储多个值,javascript中的对象类型,javascript中的对象类型,javascript中的对象用于,javascript中的对象由哪两个基本元素构成,内容如对您有帮助,希望把文章链接给更多的朋友!
javascript面向对象之一 定义类 javascript中的类是用函数function表示的,如下:functionStudent(){//定义类Student中的字段,并赋予初值,但此字段的访问权限是publicthis.studentNo='s';this.studentN
javascript面向对象之二 命名空间 最简单创建命名空间的方法:varjava={};java.util={};//这样就创建成功了命名空间:java.util//我们可以在java.util下面加类(函数),属性,或对象java.util.HashMap=func
Javascript面向对象之四 继承 varJsObject={}||newObject();JsObject.extend=function(subClass,superClass){//先判断子类subClass是否已经定义,如果未定义,则重新定义类。if(typeofsubClass=="undefined")subClass=f