Javascript 面向对象对象(Object)_js面向对象-js教程-PHP中文网

Javascript 面向对象对象(Object)_js面向对象

php中文网

发布： 2016-05-16 18:27:28

原创

1390人浏览过

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 面向对象 对象(Object)_js面向对象

Javascript 面向对象对象(Object)_js面向对象