对象的存取方式有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调试中经常会碰到输出的内容是对象而无法打印的时候,光靠alert只能打印出object标示,却不能打印出来里面的内容,甚是不方便,于是各方面整理总结了如下一个...另外当你需要将object对象转换为string字符串。 有下面
本文实例讲述了js获取对象,数组所有属性键值(key)和对应值(value)的方法。分享给大家供大家参考,具体如下: [removed] var values=function(object) { var values = []; for (var property in object) values....
注意:官方定义: 在Javascript中,每一个函数实际上都是一个函数对象. 我们先来看最简单的两个代码,也是最容易理解的. function fn(){} var obj = {} console.log(fn instanceof Function)//true conso
JavaScript中的对象 ECMA262规范一直在强调,“ECMAScript是一种基于对 象(Object—Based)的语言,而不是传统的面向对象(Object— Oriented)的语言”。相信绝大多数人不会清楚这句话是什么意 思。我想我们可以把它...
对象.js 为 Object 类提供扩展能力。 javascript中的OOP现在更方便了! (我希望)里面有什么? Object.prototype获得 2 个额外的东西: Parent :指向父原型的指针。 在Object : Parent = null的情况下,因为它是...
JavaScript原生提供一个Object对象,所有的其他对象均继承自这一对象 Object对象的属性和方法 利用console.dir(Object)查找Object对象的属性和方法 常用的属性或方法简介: 1.prototype对象 prototype是Object对象...
最近遇到一个问题: 代码如下: var obj = {“name1″:”张三”,”name2″:”李四”};... 于是,我想到了js中遍历对象属性的方法: 代码如下: function printObject(obj){ //obj = {“cid”:”C0″,”ctex
#Object Injector 将选定的键从对象注入另一个对象。 版本:0.0.1 作者: Pablo Andrés Dorado Suárez ##object-injector(injectee, injectioner, [keys]) 将选定的键从一个对象注入另一个对象。 参数 被注入...
由于javascript里面的数组和对象在 typeof 里面都是object,该代码用来区分js的数组和对象。
使用Object.keys确定对象中的键数是非常普遍的: const object = { foo : 1 , bar : 1 , baz : 1 } const keyLength = Object . keys ( object ) . length 为了确定键的长度,运行时将分配一个包含所有对象键的...
BOM:Browser Object Model,浏览器对象模型 从上图也可以看出: window对象是BOM的顶层(核心)对象,所有对象都是通过它延伸出来的,也可以称为window的子对象。 DOM是BOM的一部分。 window对象: window对象是...
本文实例讲述了JS实现给数组对象排序的方法。分享给大家供大家参考,具体如下: JS中给数组对象排序 假设有一个对象数组,我们想要根据某个对象属性对数组进行排序。而传递给数组sort()方法的比较函数要接收2个参数...
在写js脚本的时候经常遇到对象为空或者不是对象的情况,出现这种情况我们可以用if去判断它,然后去执行相应的处理方法,具体判断他们的方法有以下几种: 1、if (typeOf(x) == “undefined”) 2、if (typeOf(x) ...
发现了一个巧妙的实现: 需要检查一个对象(Object)是否为空,即不包含任何元素。Javascript 中的对象就是一个字典,其中包含了一系列的键值对(Key Value Pair)。检查一个对象是否为空,等价于检查对象中有没有...
1、由后台action 传给...2、前台js 中先将结果json串转成对象 代码如下: var obj = eval(“(“+data+”)”); 3、遍历取list 中的对象 代码如下: for(var key in obj){ //第一层循环取到各个list var
jsp通过Ajax无刷新获取Action返回的模拟数据,然后通过struts2转化成json数据返回页面....这里面Map,List,对象等等,一些常用的操作都有。主要的代码在Action和 json.js里面。适合新手入门
主要介绍了JS面向对象(3)之Object类,静态属性,闭包,私有属性, call和apply的使用,继承的三种实现方法的相关资料,需要的朋友可以参考下
object 面向对象编程学习 自己学习面向对象的仓库 阮一峰的网络日志 文件夹里面也有笔记 深入解读 JavaScript 中的面向对象编程 伯乐在线 ES6制作选项卡并实现继承 百度搜的 面向对象的 JavaScript – 深入了解 ES6 ...
本文实例总结了javascript中对象的定义、使用以及对象和原型链操作。分享给大家供大家参考,具体如下: 1. 除了5种基本类型外,JS中剩下的就是对象 (1)对象的定义: 直接定义: var test={x:1,y:1} new方式创建...