Javascript 面向对象 对象(Object)

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对象有所熟悉的就很容易理解了。

赞 (0)

相关推荐

  • js中判断Object、Array、Function等引用类型对象是否相等

    在迭代中,我们还要注意的是,对象或者数组中的元素可能是一个任意值--除了原始类型值.object.arrray外,这个值还可能是一个方法.一个DOM对象或者window对象,可能你已经注意到了,有部分引用类型是不能进行迭代的,需要分支判断,代码如下: 复制代码 代码如下: function compare(a,b){ var pt = /undefined|number|string|boolean/, fn = /^(function\s*)(\w*\b)/, cr = "constructo

  • 浅析JavaScript中的对象类型Object

    ECMAScript中的对象其实就是一组数据和功能的集合. ECMAScript中Object是所有对象的基础. 理解:Object类型是所有它的实例的基础,换句话说,Object类型所具有的任何属性和方法也同样存在于更具体的对象中. Object的实例都具有以下属性和方法 1.Constructor:保存着用于创建当前对象的函数 2.hasOwnProperty(propertyName):用于检查给定的属性在当前对象实例中(而不是原型中)是否存在.其中作为参数的属性名必须以字符串指定 3.i

  • js如何打印object对象

    js调试中经常会碰到输出的内容是对象而无法打印的时候,光靠alert只能打印出object标示,却不能打印出来里面的内容,甚是不方便,于是各方面整理总结了如下一个函数,能够将数组或者对象这类的结果一一打印出来,具体代码如下: function writeObj(obj){ var description = ""; for(var i in obj){ var property=obj[i]; description+=i+" = "+property+"

  • javascript 对象数组根据对象object key的值排序

    有个js对象数组 var ary=[{id:1,name:"b"},{id:2,name:"b"}] 需求是根据name 或者 id的值来排序,这里有个风骚的函数 函数定义: 复制代码 代码如下: function keysrt(key,desc) {   return function(a,b){     return desc ? ~~(a[key] < b[key]) : ~~(a[key] > b[key]);   } } 使用: 复制代码 代码

  • Javascript创建自定义对象 创建Object实例添加属性和方法

    如下所示: 复制代码 代码如下: var person = new Object(); person.name = "Nicholas"; person.age = "29" person.job = "Software Engineer"; person.sayName = function () { alert(this.name); }; person.sayName();上面的例子创建了一个名为person的对象,并为它添加了三个属性(n

  • Nodejs学习笔记之Global Objects全局对象

    Nodejs学习笔记之Global Objects全局对象

    一,开篇分析 在上个章节中我们学习了NodeJS的基础理论知识,对于这些理论知识来说理解是至关重要的,在后续的章节中,我们会对照着官方文档逐步学习里面的各部分模块,好了该是本文主角登台亮相的时候了,Global 让我们来看一下官方的定义: Global Objects全局对象These objects are available in all modules. Some of these objects aren't actually in the global scope but in the

  • javascript object oriented 面向对象编程初步

    用 new Object() 来创建对象在javascript里有几种创建对象的方法,在不同的场合可用不同的方法.最简单的就是用 new 操作符,例如: 复制代码 代码如下: <script language="javascript" type="text/javascript">  <!-- person = new Object()  person.name = "Tim Scarfe"  person.height = &

  • JavaScript 判断判断某个对象是Object还是一个Array

    1.typeof 操作符.对于Function, String, Number ,Undefined 等几种类型的对象来说,他完全可以胜任,但是为Array时 复制代码 代码如下: var arr=new Array("1","2","3","4","5"); alert(typeof(arr)); 你会收到一个object 的答案,有点让人失望 . 2.instanceof 操作符,JavaScript中

  • js Object2String方便查看js对象内容

    <script type="text/javascript"> /** * 将JS的任意对象输出为json格式字符串 * @param {Object} _obj: 需要输出为string的对象 */ var obj2String = function(_obj) { var t = typeof (_obj); if (t != 'object' || _obj === null) { // simple data type if (t == 'string') { _o

  • Javascript中判断变量是数组还是对象(array还是object)

    怎样判断一个JavaScript变量是array还是obiect? 答案: 1.如果你只是用typeof来检查该变量,不论是array还是object,都将返回'objec'. 此问题的一个可行的答案是是检查该变量是不是object,并且检查该变量是否有数字长度(当为空array时长度也可能为0). 然而,参数对象[arguments object](传给制定函数的所有参数),也可能会适用于上述方法,技术上来说,参数对象并不是一个array. 此外,当一个对象有a.length属性的时候,这个方

随机推荐