javascript中创建对象的三种常用方法

为什么80%的码农都做不了架构师？>>>   

创建对象的三种方法

方法一：

var obj = new Object();
obj.属性 = 值;
//继续添加其它属性
obj.方法 = function(参数) {
//功能代码
}
//继续添加其它方法

方法二（JSON法创建对象）：

什么是JSON

JSON(JavaScript Object Notation)是一种优美的JavaScript对象创建方法。JSON也是一种轻量级数据交换格式。JSON非常易于人阅读与编写，同时利于机器解析与生成。JSON是在AJAX中代替XML交换数据的更佳方案。

提示: JSON定义法类似于直接定义法，JSON定义法就是将直接定义法定义的函数与属性放到大括号中，并且去掉属性与函数签名的对象名，把等于号改为了冒号，每行后面改为逗号！

var obj = {
属性：值 ,
//继续添加其它属性 ,
方法: function(参数) {
功能代码
} ,
//继续添加其它方法
}

JSON格式与语法

var jsonobject=
{
        //对象内的属性语法(属性名与属性值是成对出现的)
        propertyname:value,

        //对象内的函数语法(函数名与函数内容是成对出现的)
        functionname:function(){...;}
};

jsonobject -- JSON对象名称
propertyname -- 属性名称
functionname -- 函数名称
一对大括号，括起多个"名称/值"的集合
JSON使用"名称/值"对的集合表示，也可以被理解为数组(Array)
属性名或函数名可以是任意字符串，甚至是空字符串(见下面示例)
逗号用于隔开每对"名称/值"对

引用网址:http://www.dreamdu.com/javascript/json/

示例：

var site =
{
        URL : "www.dreamdu.com",
        name : "梦之都",
        englishname : "dreamdu",
        author : "可爱的猴子",
        summary : "免费的网页设计教程",
        pagescount : 100,
        isOK : true,
        startdate : new Date(2005, 12),
        say : function(){document.write(this.englishname+" say : hello world!")},
        age : function(){document.write(this.name+"已经"+((new Date().getFullYear())-this.startdate.getFullYear())+"岁了!")}
};

site.age();

上面就是一个典型的JSON表示的JavaScript对象，对象的名称为dreamdu，每个名称与值使用冒号:分割，例如名称author对应值monkey，名称age对应值5.

另一个例子：

var circle = { x:6, y:8, r:5 };

上面定义了一个x坐标为6，y坐标为8，半径为5的元。

嵌套JSON对象定义

var sites =
{
        count: 2,
        language: "chinese",
        baidu:
        {
                URL: "www.baidu.com",
                name: "百度",
                author: "baidu",
                say : function(){document.write(this.name+" say hello")}
        },
        dreamdu:
        {
                URL: "www.dreamdu.com",
                name: "梦之都",
                author: "monkey",
                say : function(){document.write(this.name+" say hello")}
        }
};

sites.dreamdu.say();

上面的例子中的sites的JSON表示法中还包含了2个小的JSON表示法，因此JSON表示法是可以嵌套的。

以上两种方法都是直接创建一个对象

方法三（混合的构造函数/原型方式）：

联合使用构造函数和原型方式，就可像用其他程序设计语言一样创建对象。这种概念非常简单，即用构造函数定义对象的所有非函数属性，用原型方式定义对象的函数属性（方法）。结果是，所有函数都只创建一次，而每个对象都具有自己的对象属性实例。

//先定义对象的模型，也可以理解为类
function obj(参数) {
this.属性 = 值;
//继续添加其它属性
}

obj.prototype.方法 = function(参数) {
//功能代码
....
}
//继续添加其它方法

//再根据对象的模型实例化对象
var aTest = new obj(参数)

参考例子：

function Car(sColor,iDoors,iMpg) {
  this.color = sColor;
  this.doors = iDoors;
  this.mpg = iMpg;
  this.drivers = new Array("Mike","John");
}

Car.prototype.showColor = function() {
  alert(this.color);
};

var oCar1 = new Car("red",4,23);
var oCar2 = new Car("blue",3,25);

oCar1.drivers.push("Bill");

alert(oCar1.drivers); //输出 "Mike,John,Bill"
alert(oCar2.drivers); //输出 "Mike,John"

ECMAScript 定义类或对象

 

转载于:https://my.oschina.net/junn/blog/126248