第一种:JSON方式
格式:
var 对象名 = {
变量1: 变量1的值,
变量1: 变量1的值,
……,
函数1: function() {
函数体
},
函数2: function() {
函数体
},
……
};
说明:
(1) 大括号内直接填写变量或者函数;
(2) 对象的内容与值以冒号分隔,成对出现;
(3) 包含的变量或者函数之间以逗号分隔;
(4) 函数需要写在function(){}的大括号之内。
例子:
var 对象名 = {
name: “张三”,
age: 20,
eat: function() {
alert(‘我要吃饭’);
},
sleep: function() {
alert(‘我要睡觉’);
}
};
注释:类似的方式也叫做匿名类
匿名类举例: { index: '//', reg: new RegExp('^//.*$'), css: "comment" }
上面的方式创建了类,只是没赋给一个变量而已。
第二种:function方式
格式:
function data() {
this.变量1=变量1的值;
this.变量2=变量2的值;
……;
this.函数1= function() {
函数体
};
this.函数2= function() {
函数体
};
……;
}
说明:
(1) 其内的变量或者函数前必需写上this关键字;
(2) 对象的内容与值以等号分隔,成对出现;
(3) 包含的变量或者函数之间以分号分隔。
(4) 函数需要写在function(){}的大括号之内。
例子:
function data() {
this.name=“张三”;
this.age=20;
this.eat=function() {
alert(‘我要吃饭’);
};
this.sleep=function() {
alert(‘我要睡觉’);
}
}
第三种:原型方式
格式:
var 对象名 = {};
对象名.prototype.变量1=变量1的值;
对象名.prototype.变量2=变量2的值;
……;
对象名.prototype.函数1= function() {
函数体
};
对象名.prototype.函数2= function() {
函数体
};
……;
说明:
(1) 初始对象体内可以不定义任何东西;
(2) 在要定义的变量前加“对象名.prototype.”的格式;
(3) 对象的内容与值以等号分隔,成对出现;
(4) 包含的变量或者函数之间以分号分隔,也可以省去分号。
(5) 函数需要写在function(){}的大括号之内。
例子:
var data = {};
data.prototype. name =“张三”;
data.prototype. age =20;
data.prototype. eat = function() {
alert(‘我要吃饭’);
};
data.prototype. sleep= function() {
alert(‘我要睡觉’);
};
第四种:create方式
该方式利用了Prototype JavaScript组件库。
格式:
var 对象名 = Class.create();
Object.extend(对象名.prototype, {
变量1: 变量1的值,
变量1: 变量1的值,
……,
函数1: function() {
函数体
},
函数2: function() {
函数体
},
……
});
说明:
(1) 对象的创建使用了Prototype库中的Class.create()函数;
(2) 对象的内容使用Prototype库中的Object.extend()函数来扩展;
(3) 被扩展的对象在传入Object.extend函数时一定要带上prototype,
(4) 扩展内容被大括号包含,其内与JSON方式的定义格式完全相同。
例子:
var data = Class.create();
Object.extend(dta.prototype, {
name: “张三”,
age: 20,
eat: function() {
alert(‘我要吃饭’);
},
sleep: function() {
alert(‘我要睡觉’);
}
});
其实,JS对象的定义还有其它的方式,你也可以用上面4种进行组合定义,这显出了JS作为动态语言的自由性。
JS对象的创建正规方法如下:
var d1 = new Data();
JS对象变量的引用方式有两种:
(1) 点号方式引用,如,data.name。
(2) 数组方式引用,如,data[‘name’]。
分享到:
相关推荐
NULL 博文链接:https://redhacker.iteye.com/blog/1457293
javascript对象创建方法总结,通过这些方法的总结,可以对对象有了更深一步的了解,也加深了对对象的巩固认识。
文章《javascript对象创建--类、继承》源码
javascript动态创建对象的属性详解.docx
JavaScript学习笔记之创建对象_.docx
浅析在javascript中创建对象的各种模式_.docx
在javascript中创建对象的各种模式解析_.docx
javascript面向对象创建对象的方式小结.docx
javascript创建对象、对象继承的有用方式详解_.docx
JavaScript对象创建的九种方式
NULL 博文链接:https://redhacker.iteye.com/blog/1458580
如下所示: 代码如下: var person...上面的例子创建了一个名为person的对象,并为它添加了三个属性(name、age和job)和一个方法(sayName())。其中,sayName()方法用于显示this.name()的值。早期的JavaScript开发人员
NULL 博文链接:https://yueyemaitian.iteye.com/blog/781915
主要介绍了JavaScript基于面向对象之创建对象,详细的分析面向对象的原型方式以及其他综合的方式,感兴趣的小伙伴们可以参考一下
JavaScript中的Math对象的与众不同之处在于,它是一个全局对象。在使用Math对象之前,既不需要将一个变量声明为Math对象,也不需要定义一个新的Math对象,JavaScript将自动地创建好Math对象,我们只须直接使用它即可...
在javascript中创建对象的三种方法,脚本之家以前发布过有简单实例版的,大家可以参考下。
本文实例讲述了JavaScript面向对象程序设计创建对象的方法。分享给大家供大家参考,具体如下: 面向对象的语言具有一个共同的标志,那就是具有“类”的概念,但是在javascript中没有类的概念,在js中将对象定义为...
NULL 博文链接:https://kejiangwei.iteye.com/blog/429632
NULL 博文链接:https://redhacker.iteye.com/blog/1457020