码迷,mamicode.com
首页 > 编程语言 > 详细

javascript创建类

时间:2015-01-22 13:24:51      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:javascript   对象      

javascript中定义和使用对象比较简单,使用{}就可以定义并初始化一个对象。

这种定义方式定义的对象是Object类的实例,这种对象可以在执行过程中动态的添加属性与方法,非常的灵活。下面看一个实例:

var obj = {
			property:"这是参数",
			method:function(){
				return "这是函数,method是函数名";
			}
		};

这里定义一个Object类的实例。有一个参数和一个方法,property和method分别是定义的参数名和函数名。

下面看如何使用这个对象

window.onload=function(){
			obj.tmp = "这是运行过程中添加属性";
			alert("method方法:"+obj.method()+" 参数:"+obj.property+" 临时加入:"+obj.tmp);
		};

当页面加载后会弹出一下窗口

技术分享

但是这种创建方式隐含着无法直接发现bug的风险。

所以javascript还支持自定义类。

由自定义类创建的所有实例会有相同的属性和方法。但是这种方法无法在动态添加属性和方法。

下面看自定义方式创建类方法:

首先定义这个类的具体结构:

function Rectangle(width,height){
	this.width = width;
	this.height = height;
	this.area = function(){
		return this.width*this.height;
	};
};

在javascript中函数也是一种对象,但是调用函数时必须使用()操作符,下面看生成具体对象

window.onload=function(){	
	var re = new Rectangle(3, 4);
	alert("宽:"+re.width+" 高:"+re.height+" 面积:"+re.area())
};
这样在页面打开后弹出窗体:

技术分享
技术分享

javascript创建类

标签:javascript   对象      

原文地址:http://blog.csdn.net/u011740475/article/details/43016829

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!