管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

Javascript 使用function定义构造函数

　　Javascript中创建对象的语法是在new运算符的后面跟着一个函数的调用。如

　　

复制代码 代码如下:

　　var obj = new Object();

　　var date = new Date();

　　运算符new首先创建一个新的没有任何属性的对象，然后调用该函数，把新的对象作为this关键字的值传递。

　　

复制代码 代码如下:

　　var date = new Date()的伪代码的实现就是

　　var obj = {};

　　var date = Date.call(obj);

　　构造函数的作用就是初始化一个新创建的对象，并在使用对象前设置对象的属性。如果定义自己的构造函数，只需要编写一个为this添加属性的函数就可以了。下面的代码定义了一个构造函数：

　　

复制代码 代码如下:

　　function Rectangle(w, h)

　　{

　　this.width = w;

　　this.height = h;

　　}

　　然后，可以使用new运算符调用这个函数来创建对象的实例

　　

复制代码 代码如下:

　　var rect = new Rectange(4,8);

　　构造函数的返回值

　　Javascript中的构造函数通常没有返回值。但是，函数是允许有返回值的。如果一个构造函数有一个返回值，则返回的对象成为new表达式的值。在此情况下，作为this的对象将会被抛弃。

　　使用构造函数定义法

　　语法

　　

复制代码 代码如下:

　　var object=new objectname();

　　var -- 声明对象变量

　　object -- 对象的名称

　　new -- new的关键词(JavaScript关键词)

　　objectname -- 构造函数名称

　　示例

　　

复制代码 代码如下:

　　//定义构造函数

　　function Site(url, name)

　　{

　　this.url = "www.glzy8.com";

　　this.name ="梦之都";

　　}

　　//使用构造函数产生一个JavaScript对象的实例

　　var mysite = new Site();

　　alert(mysite.url);

　　构造函数通常可以初始化对象中的一些内容，JavaScript内部提供的一些对象通常需要使用构造函数的方法生成。JavaScript函数的内容将在下一章介绍。

　　直接定义法创建JavaScript对象

　　

复制代码 代码如下:

　　//定义对象语法

　　var object={};

　　//对象内的属性语法(属性名(property)与属性值(value)是成对出现的)

　　object.property=value;

　　//对象内的函数语法(函数名(func)与函数内容是成对出现的)

　　object.func=function(){...;};

　　var -- 声明对象变量

　　object -- 对象的名称

　　property -- 对象的属性名

　　func -- 对象的方法名

　　说明：对象可以包含一些属性(函数可以看作带有括号的特殊属性)，每个属性有名称和值。名称可以是任何字符串甚至是空。值可以是任何javascript类型，但不能是undefined。

　　使用定义法定义的对象示例

　　

复制代码 代码如下:

　　var site = {};

　　site.URL = "www.glzy8.com";

　　site.name = "管理资源吧";

　　site.englishname = "";

　　site.author = "脚本";

　　site.summary = "免费的网页设计教程";

　　site.pagescount = 100;

　　site.isOK = true;

　　site.startdate = new Date(2005, 12);

　　site.say = function(){alert(this.englishname+" say : hello world!")};

　　site.age = function(){var theage=(new Date().getFullYear())-site.startdate.getFullYear();alert(this.name+"已经"+theage+"岁了!")}

　　使用构造函数创建JavaScript对象示例 -- 可以尝试编辑

　　使用构造函数创建JavaScript对象

　　上面的方法定义了一个site的对象，并且为其定义了七个属性，与两个个方法。

　　say方法会打印出 say : hello world!的字符串

　　age方法会计算出梦之都网站的年龄

　　猴子提示: 注意每个属性与函数前面都要加上对象的名称，否则JavaScript无法判断它是属于那个对象的。

　　下面的课程将讲解直接定义法的延伸，JSON定义法。

　　

　　 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

教程首页 更多教程