`
j2ee_zhongqi
  • 浏览: 203224 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

js里面object对象

阅读更多
对象的存取方式有2种如下
meberA.name  ; meberA.age
或者
meberA["name"];  meberA.["age"]
当存在此属性时将修改属性的值,当不存在时候自动创建一个新的属性,并且赋值
由于整个js都是由对象构成的,所以说可以用以下函数查看某个对象所有的属性
function showAllProper(objname,strobjname){
var result= "";
for (var p in objname)
  reslut+=strobjname+"[\""+p+"\"]="+objname[p]+"\n";
return result;
}
使用时候
showAllProper(meberA,"mberA")
就会传回所有的属性

建立一个object对象大体有三种方法
1. 调用new运算符和Object对象  var obj=new Object() 或var obj=new Objct(value)
object对象没有任何属性,需要手动添加属性,方法如下
var memberA=new Object()
memberA.name="tony";
memberA.age=25;

meberA["name"]="tony";
meberA.["age"]=25;
2. 用大括弧{...}来直接描述属性和方法 var objectName={ propertyName1:value1,propertyName2:value2,propertyName3:value3 };
属性名称和属性值用冒号: 分开,每组属性用 逗号,分隔
如下所示
var memberA={
name:"tony",
age:25,
objpropname:{
propName1:value1,
propName2:value2
},
};
3. 自定义一个建构函数,然后和第一种方式一样用new来创建
function funcName( param1,param2,...,paramN){
this.property1=param1;
this.property2=param2;
....
this.propertyN=paramN;
}
声明完构建函数后,可以定义此对象类型对象:
var obj=new funcName(value1,value2,...,valueN);

定义对象的方法和定义对象属性很像,只要将函数名称指定给对象就可以了,或者直接定义函数
如下
function rect(w,h){
this.w=w;
this.h=h;
this.area=function(){
return this.w*this.h;
}

function calArea{
return this.w*this.h;
}
function rect(w,h){
this.w=w;
this.h=h;
this.area=aclArea;
}

注意定义完对象后可以使用delete来删除 属性或者对象
delete object_name;
delete object_name.property_name;

建立对象共同的属性和方法prototype
属性对象prototype就是让我们定义相同类型对象公用的属性和方法
function_name.prototype.property_name=proterty_value
具体如下
function calArea{
// this 会参考调用此方法的对象
return this.w*this.h;
}
function rect(w,h){
this.w=w;
this.h=h;
//this.area=aclArea;
}
rect.prototype.area=calArea;
建立对象公用属性后,可以用下面方式来参考值
function_name.prototype.poperty_name
或者
object_name.property_name
当读取公用的属性值或是调用公用的方法时,两种方式都可以,动脑是如果要更改公用的属性值,或者更改方法的定义
应该使用第一种方式,因为第二种方式会建立新的对象属性或者方法定义,并赋值。
新的对象属性是属于个别对象的,队日他们的名称和公用对象的属性名称一样,但它不是公用对象,类似于对象继承的override

建立类class的属性和方法
方法如下
function_name.property_name=proterty_value;
function_name.method_name=method_definition;
其中function_name为已经存在的建构函数名称
例如
function Circle(){
}
定义一个为PI的类属性
Circle.PI=3.14
定义一个为cal的类属性
Circle.cal=function(r){ return this.PI*r*r;};
其中this.PI和Circle.PI是一样的,这里的this不是调用此方法的对象参考,而是Circle本身的参考.

对象的继承
一个对象的构建函数可以借助它的prototype对象继承某个对象的所有属性
subfunction_name=new superFunction_name(...)
propotype 对象是用力定义由建构函数建立对象的共用属性和方法,所以将一个对象指定给它,使的prototype对象拥有此对象的所有属性和功能
例如
function Circle(radius)
{
this.radius=radius;
}
funcion colorCircle(radius,color){
this.radius=radius;
this.color=color;
}
function _toString{
return "cicle:="+this.radius;
}
colorCircle.prototype=new Circle(0)  // 或者 new Circle,继承Circle所有的属性
colorCircle.prototype.toString=_toString;  // 重载toString

constructor是prototype对象的一个属性,是对象构造函数的参考
function someFunc(){
...
}
x=new someFunc();
alert(x.constructor==someFunc);
会显示true
但是如下
function superFunc(){
}
function subFunc(){
}
x=new subFunc();  // x.constructor==subFunc
subFunc.prototype=new superFunc;
y=new subFunc();  // y.constructor==superFunc

alert(x.constructor==y.constructor);
会显示false
因为subObject的prototype变成了新建立对象的参考,而原来的prototype对象已经不在了,在继承前,prototype的constructor参考变成新对象的constructor参考
如果连续继承多次,那么它将会是最上层的constructor,解决方式是把它指回原来的constructor
subFunc.prototype.constructor=subFunc;
注意是用构造函数的subFunc的prototype.constructor不是对象的constructor
如果subFunc.constructor=subFunc;只会增加一个y的一个constructor属性
分享到:
评论

相关推荐

    js如何打印object对象

    js调试中经常会碰到输出的内容是对象而无法打印的时候,光靠alert只能打印出object标示,却不能打印出来里面的内容,甚是不方便,于是各方面整理总结了如下一个...另外当你需要将object对象转换为string字符串。 有下面

    js获取对象,数组所有属性键值(key)和对应值(value)的方法示例

    本文实例讲述了js获取对象,数组所有属性键值(key)和对应值(value)的方法。分享给大家供大家参考,具体如下: [removed] var values=function(object) { var values = []; for (var property in object) values....

    JavaScript中Function函数与Object对象的关系

    注意:官方定义: 在Javascript中,每一个函数实际上都是一个函数对象. 我们先来看最简单的两个代码,也是最容易理解的. function fn(){} var obj = {} console.log(fn instanceof Function)//true conso

    深入浅出JavaScript对象模型

    JavaScript中的对象 ECMA262规范一直在强调,“ECMAScript是一种基于对 象(Object—Based)的语言,而不是传统的面向对象(Object— Oriented)的语言”。相信绝大多数人不会清楚这句话是什么意 思。我想我们可以把它...

    Object.js:为 Object 类提供扩展能力。 OOP 现在更方便了!

    对象.js 为 Object 类提供扩展能力。 javascript中的OOP现在更方便了! (我希望)里面有什么? Object.prototype获得 2 个额外的东西: Parent :指向父原型的指针。 在Object : Parent = null的情况下,因为它是...

    JavaScript门道之标准库

    JavaScript原生提供一个Object对象,所有的其他对象均继承自这一对象 Object对象的属性和方法 利用console.dir(Object)查找Object对象的属性和方法 常用的属性或方法简介: 1.prototype对象 prototype是Object对象...

    js如何获取object类型里的键值

    最近遇到一个问题: 代码如下: var obj = {“name1″:”张三”,”name2″:”李四”};... 于是,我想到了js中遍历对象属性的方法: 代码如下: function printObject(obj){ //obj = {“cid”:”C0″,”ctex

    object-injector:将原始对象的属性注入到另一个对象中

    #Object Injector 将选定的键从对象注入另一个对象。 版本:0.0.1 作者: Pablo Andrés Dorado Suárez ##object-injector(injectee, injectioner, [keys]) 将选定的键从一个对象注入另一个对象。 参数 被注入...

    js检测数据类型

    由于javascript里面的数组和对象在 typeof 里面都是object,该代码用来区分js的数组和对象。

    fast-keys:Object.keys()的高性能替代品

    使用Object.keys确定对象中的键数是非常普遍的: const object = { foo : 1 , bar : 1 , baz : 1 } const keyLength = Object . keys ( object ) . length 为了确定键的长度,运行时将分配一个包含所有对象键的...

    JavaScript 浏览器对象模型BOM原理与常见用法实例分析

    BOM:Browser Object Model,浏览器对象模型 从上图也可以看出: window对象是BOM的顶层(核心)对象,所有对象都是通过它延伸出来的,也可以称为window的子对象。 DOM是BOM的一部分。 window对象: window对象是...

    JS实现给数组对象排序的方法分析

    本文实例讲述了JS实现给数组对象排序的方法。分享给大家供大家参考,具体如下: JS中给数组对象排序 假设有一个对象数组,我们想要根据某个对象属性对数组进行排序。而传递给数组sort()方法的比较函数要接收2个参数...

    js中判断对象是否为空的三种实现方法

    在写js脚本的时候经常遇到对象为空或者不是对象的情况,出现这种情况我们可以用if去判断它,然后去执行相应的处理方法,具体判断他们的方法有以下几种: 1、if (typeOf(x) == “undefined”) 2、if (typeOf(x) ...

    Javascript中判断对象是否为空

    发现了一个巧妙的实现: 需要检查一个对象(Object)是否为空,即不包含任何元素。Javascript 中的对象就是一个字典,其中包含了一系列的键值对(Key Value Pair)。检查一个对象是否为空,等价于检查对象中有没有...

    js解析json读取List中的实体对象示例

    1、由后台action 传给...2、前台js 中先将结果json串转成对象 代码如下: var obj = eval(“(“+data+”)”); 3、遍历取list 中的对象 代码如下: for(var key in obj){ //第一层循环取到各个list var

    struts2的方式返回json到jsp页面 List,Map,Object,对象各种操作都有....MyEclipse的,导入直接看效果。

    jsp通过Ajax无刷新获取Action返回的模拟数据,然后通过struts2转化成json数据返回页面....这里面Map,List,对象等等,一些常用的操作都有。主要的代码在Action和 json.js里面。适合新手入门

    JS面向对象(3)之Object类,静态属性,闭包,私有属性, call和apply的使用,继承的三种实现方法

    主要介绍了JS面向对象(3)之Object类,静态属性,闭包,私有属性, call和apply的使用,继承的三种实现方法的相关资料,需要的朋友可以参考下

    object:面向对象编程学习

    object 面向对象编程学习 自己学习面向对象的仓库 阮一峰的网络日志 文件夹里面也有笔记 深入解读 JavaScript 中的面向对象编程 伯乐在线 ES6制作选项卡并实现继承 百度搜的 面向对象的 JavaScript – 深入了解 ES6 ...

    javascript中对象的定义、使用以及对象和原型链操作小结

    本文实例总结了javascript中对象的定义、使用以及对象和原型链操作。分享给大家供大家参考,具体如下: 1. 除了5种基本类型外,JS中剩下的就是对象 (1)对象的定义: 直接定义: var test={x:1,y:1} new方式创建...

Global site tag (gtag.js) - Google Analytics