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组件库。【这个方法只是貌似面向对象能继承,实质上就是方法2的变种
格式:
       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 Da

ta();
       JS对象变量的引用方式有两种:
(1)       点号方式引用,如,data.name。
(2)       数组方式引用,如,data[‘name’]

javascript定义对象写法

时间: 2024-12-20 21:25:52

javascript定义对象写法的相关文章

javaScript定义对象的方法

转自souhu新闻http://news.sohu.com/20110215/n279335637.shtml? javascript定义对象的几种简单方法 1.构造函数方式,全部属性及对象的方法都放在构造方法里面定义 优点:动态的传递参数 缺点:每创建一个对象就会创建相同的方法函数对象,占用大量内存 function User1(name, password) { this.name = name; this.password = password; this.login = function

JavaScript定义对象的2代码种风格和对象属性有两种寻址方式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

关于javascript自定义对象(来自网络)(最近几天不会的)

javascript定义对象的几种简单方法 1.构造函数方式,全部属性及对象的方法都放在构造方法里面定义 优点:动态的传递参数 缺点:每创建一个对象就会创建相同的方法函数对象,占用大量内存 function User1(name, password) { this.name = name; this.password = password; this.login = function(name,password){ if(this.name == name && this.password

JavaScript 的对象继承方式,有几种写法?

JavaScript 的对象继承方式,有几种写法? 一.对象冒充 其原理如下:构造函数使用 this 关键字给所有属性和方法赋值(即采用类声明的构造函数方式).因为构造函数只是一个函数,所以可使 Parent 构造函数 成为 Children 的方法,然后调用它.Children 就会收到 Parent 的构造函数中定义的属性和方法.例如,用下面的方式定义 Parent 和 Children: 原理:就是把 Parent 构造函数放到 Children 构造函数里面执行一次.那为什么不直接执行,

JavaScript学习12 JS中定义对象的几种方式【转】

avaScript学习12 JS中定义对象的几种方式 转自:  http://www.cnblogs.com/mengdd/p/3697255.html JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工厂方式 3.构造函数方式 4.原型("prototype")方式 5.动态原型方式 一.基于已有对象扩充其属性和方法 <script type="text/javascript

JavaScript学习12 JS中定义对象的几种方式

JavaScript学习12 JS中定义对象的几种方式 JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工厂方式 3.构造函数方式 4.原型("prototype")方式 5.动态原型方式 一.基于已有对象扩充其属性和方法 <script type="text/javascript"> var object = new Object(); object.name

javascript 构造函数方式定义对象

javascript是动态语言,可以在运行时给对象添加属性,也可以给对象删除(delete)属性 <html> <head> <script type="text/javascript"> /* //01.定义对象第一种方式 var object =new Object(); alert(object.username); //01.1增加属性username object["username"]="liujianglo

JavaScript定义类和对象以及实现继承

定义类和对象 工厂模式 function createCar(color, doors, mpg){ var car = {}; car.color = color, car.doors = doors, car.mpg = mpg; car.showColor = function(){alert(this.color);}; return car; } 工厂模式比较简单,所以只适用于创建比较简单的对象. 构造函数方式 function Car(color, doors, mpg){ this

javascript 构造函数方式定义对象 (转载)

javascript 构造函数方式定义对象 javascript是动态语言,可以在运行时给对象添加属性,也可以给对象删除(delete)属性 <html> <head> <script type="text/javascript"> /* //01.定义对象第一种方式 var object =new Object(); alert(object.username); //01.1增加属性username object["username&q