javascript定义对象写法（整理）

javascript定义对象的几种简单方法

1.构造函数方式，全部属性及对象的方法都放在构造方法里面定义

优点：动态的传递参数

缺点：每创建一个对象就会创建相同的方法函数对象，占用大量内存

function User1(name, password) { this.name = name; this.password = password; this.login = function(name,password){  if(this.name == name && this.password == password) {   return true;  }else {   return false;  } };}

2.原型方式，将对象属性及方法定义都写在对象的prototype里面

优点：每次创建对象时都是使用相同prototype中的方法，不会占用重复的内存

缺点：无法动态传递构造参数

function User2() {}User2.prototype.name = "prototype name";User2.prototype.password = "prototype password";User2.prototype.login = function(name,password){ if(this.name == name && this.password == password) {  return true; } else {  return false; }};原型方式的另一种写法：格式：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’);    };

3.构造及原型混合方式，将属性定义写在构造方式里面，方法写在prototype里面

优点：综合了construct及prototype方式的优点，可以动态传递构造参数，并且方法函数对象也只创建一个

缺点：函数写在对象外面，不太符合面向对象的思想

function User3(name,password) { this.name = name; this.password = password;}User3.prototype.login = function(name,password) { if(this.name == name && this.password == password) {  return true; } else {  return false; }};

4.动态原型方式：加一个判断属性，来判断该对象是否已经被创建过，如果被创建过，则方法就不在构建

优点：将原型函数写在对象定义里面

缺点：不支持继承

function User4(name,password) { this.name = name; this.password = password; if(typeof User4.__initialized == "undefined") {  User4.prototype.login = function(name,password){   if(this.name == name && this.password == password) {    return true;   } else {    return false;   }  };  User4.__initialized = true; }}

5、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"
}
上面的方式创建了类，只是没赋给一个变量而已。

6、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对象的定义还有其它的方式，你也可以用上面几种进行组合定义，这显出了JS作为动态语言的自由性。
JS对象的创建正规方法如下：
var d1 = new Data();
?????? JS对象变量的引用方式有两种：
（1）?????? 点号方式引用，如，data.name。
（2）?????? 数组方式引用，如，data[‘name’]。

?