首页 > 网络编程 > JavaScript > javascript类库 > js面向对象 > 对象创建

javascript中的对象创建实例附注释

2011-02-08 22:47:49 作者：

为了让你的js代码更加的专业与代码的条理性，很多情况下都是定义成对象的方式来书写代码，想深入的朋友可以参考下。

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中的对象创建 实例附注释

您可能感兴趣的文章:

javascript中的对象创建实例附注释