实验5--Javascript对象
实验5 Java Script对象
一、实验目的
●掌握JavaScript语言的对象分类。
●掌握JavaScript语言的核心对象使用方法。
●掌握JavaScript中建立用户自定义对象的方法及其使用。
二、JavaScript用户自定义对象
虽然ECMAScript越来越正规化了，但创建对象的方法却被置之不理。在高级的编程语言（如C#）中，创建对象的方法被明确的定义了。所以不会有太大的分歧。但在脚本语言中创建对象的方法就是多种多样了。
2.1 工厂方式
由于对象的属性可在对象创建后动态定义，所以许多开发者都在初次引入JavaScript时编写类似下面的代码：
Var oCar=new Object();
lor="red";
oCar.doors=4;
oCar.mpg=23;
oCar.showColor=function(){lor);};
在这段代码中，创建对象car。然后给它设置几个属性：它的颜是红，有四个门，每加仑油23英里。最后一个属性是指向函数的指针，意味着该属性其实是个方法。执行这段代码后，就可以使用对象car了。可是要创建多个car实例就麻烦了。
要解决此问题，开发者可以创建并返回特定类型的对象的工厂函数。例如，函数CreateCar（）可用于封装前面列出的创建car对象的操作：
Function createCar()
{
Var oTempCar=new Object();
lor="red";
oTempCar.doors=4;
oTempCar.mpg=23;
oTempCar.showColor=function(){lor)};
return oTempCar;
}
Var oCar1=createCar();
Var oCar2=createCar();
这里，前面的所有代码都包含在createCar()函数中，此外还有一行额外的代码，返回Car对象作为函数值。调用此函数时，将创建新对象，并赋予它所有必要的属性，复制出一个前面说明的car对象。使用该方法，可以容易地创建car对象的两个版本，他们的属性完全一样。当然，还可以修改creatCar（）函数，给它传递各个属性的默认值，而不是赋予属性默认值：
Function createCar(sColor,iDoors,iMpg)
{
Var oTempCar=new Object();
lor= sColor;
oTempCar.doors= iDoors;
oTempCar.mpg= iMpg;
oTempCar.showColor=function(){lor)};
jquery框架定义return oTempCar;
}
Var oCar1=createCar("red",4,23);
Var oCar2=createCar("blue",2,26);
oCar1.showColor(); // 输出"red"
oCar2.showColor(); // 输出"blue"
给createCar（）函数加上参数，即可为要创建的car对象的color、doors和mpg属性赋值。使这两个对象具有相同的属性，却有不同的属性值。但这里有个问题：每次调用函数createCar（），都要创建新函数showColor()，意味着每个对象都有自己的showColor（）版本。事实上，每个对象用的都是同一段代码。这样的定义方法还有一个如下的变形：
Function Car(sColor,iDoors,iMpg)
{
lor= sColor;
this.doors= iDoors;
this.mpg= iMpg;
this.showColor=function(){lor)};
}
Var oCar1=new Car("red",4,23);
Var oCar2=new Car("blue",2,26);
oCar1.showColor(); // 输出"red"
oCar2.showColor(); // 输出"blue"
这个方法和上一个方法有个一样的缺陷：重复的创建了showColor()函数。为了解决这个缺陷我们可以用下面的方法。
2.2 原型方式
该方法利用了对象的Prototype属性。用空构造函数来设置类名，然后所有的属性和方法都被直接赋予prototype属性：
Function Car()
{}
lor="red";
Car.prototype.doors=4;
Car.prototype.mpg=23;
Car.prototype.showColor=function(){lor)};
Var oCar1=new Car();
Var oCar2=new Car();
使用这个方法可以解决重复创建showColor（）函数，但又会有新的问题，考虑下面的例子：
Function Car()
{}
lor="red";
Car.prototype.doors=4;
Car.prototype.mpg=23;
Car.prototype.drivers=new Array("Mike","Sue");
Car.prototype.showColor=function(){lor)};
Var oCar1=new Car();
Var oCar2=new Car();
oCar1.drivers.push("Matt");
alert(oCar1.drivers); // 输出"Mike,Sue,Matt"
alert(oCar2.drivers); // 输出"Mike,Sue,Matt"
这里，属性drivers是指向Array对象的指针。改变指针指向的内容，所有的实例都会改变。看来这种方法也不可取
2.3 混合方式
这种方式就是用构造函数定义对象的所有非函数属性，用原型方式定义对象的函数属性（方法）。结果所有的函数只创建一次，而每个对象都具有自己的对象属性实例。
Function Car(sColor,iDoors,iMpg)
{
lor= sColor;
this.doors= iDoors;
this.mpg= iMpg;
Car.drivers=new Array("Mike","Sue");
}
Car.prototype.showColor=function(){lor)};
Var oCar1=new Car("red",4,23);
Var oCar2=new Car("blue",3,25);
oCar1.drivers.push("Matt");
alert(oCar1.drivers); // 输出"Mike,Sue,Matt"
alert(oCar2.drivers); // 输出"Mike,Sue"
这种方式是ECMAScript主要采用的方式，它具有其他方式的特性，却没有它们的缺陷。在实际
编程中应用的也是最多了。
另外还有JSON创建方式。其创建的方式如下：
var Car =
{
color: "red",
doors: 4,
mpg: 23,
drivers: [{name: "Mike", age: 20, Married: false}, {name: "Sue", age: 30, Marred: true}],
showColor: function() {lor)}
};
这种创建对象的方式也比较优雅。可作为Ajax返回的文本，然后用eval()函数将其还原成一个
对象。著名的脚本框架JQuery就有专门接收返回文本为JSON对象的异步方法。
三、JavaScript内置对象
3.1、 Math 对象
1 、 Math 对象的属性是数学中常用的常量，如圆周率 PI ，自然对数的底 E 等。
2 、 Math 对象的方法则是一些十分有用的数学函数，如 sin() 、 random() 、 log() 等。
3、在调用 Math 对象的属性和方法时，直接写成： Math. 属性和 Math. 方法。
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论