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())
};

这样在页面打开后弹出窗体：