javascript创建类

本文介绍JavaScript中对象的定义与使用,包括动态添加属性与方法,以及通过自定义类创建实例的过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

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

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

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

下面看如何使用这个对象

window.οnlοad=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.οnlοad=function(){	
	var re = new Rectangle(3, 4);
	alert("宽:"+re.width+" 高:"+re.height+" 面积:"+re.area())
};
这样在页面打开后弹出窗体:


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值