第一种：JSON方式/对象直接量 格式： var 对象名 = { 变量1: 变量1的值, 变量1: 变量1的值, ……, 函数1: function() { 函数体 }, 函数2: function() { 函数体 }//Note:最后的逗号要去除为了和IE兼容。 }; 说明： （1） 大括号内直接填写变量或者函数； （2） 对象的内容与值以冒号分隔，成对出现； （3） 包含的变量或者函数之间以逗号分隔； （4） 函数需要写在function(){}的大括号之内。 例子： var 对象名 = { name: “Vicky”, age: 26, eat: function() { alert(‘I wanna eat meat'); }, sleep: function() { alert(‘I wanna sleep'); } }; 注释：类似的方式也叫做匿名类 匿名类举例： { 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=“Vicky””; this.age=26; this.eat=function() { alert(‘I wanna eat meat'); }; this.sleep=function() { alert(‘I wanna sleep'); }; } 第三种：原型方式 格式： 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 ="Vicky”; data.prototype. age =20; data.prototype. eat = function() { alert(‘I wanna eat meat'); }; data.prototype. sleep= function() { alert(‘I wanna sleep'); }; 第四种：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: "Vicky", age: 20, eat: function() { alert(‘I wanna eat meat'); }, sleep: function() { alert(‘I wanna sleep'); } }); 其实，JS对象的定义还有其它的方式，你也可以用上面4种进行组合定义，这显出了JS作为动态语言的自由性。 JS对象的创建正规方法如下： var d1 = new Data(); JS对象变量的引用方式有两种： （1） 点号方式引用，如，data.name。 （2） 数组方式引用，如，data[‘name']。

　　推荐阅读

　　JS 动态添加列表框项效果代码

*请选择1-3个知识点. 1213123123 2123123123 3213123213 4123213213 5213123213 6213123213 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]>>>详细阅读

本文标题：JavaScript 创建对象

地址：http://www.17bianji.com/kaifa2/JS/28437.html

 1/2    1