<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>
<script language="javascript" type="text/javascript">
//最基本的写法
var myclass = new Object();
myclass.id = "myclass";
myclass.click = function() { alert(myclass.id); }
myclass.click(myclass.id);
function myclass2() {
//此部分相当于构造函数
this.id = "myclass2";
this.click = function() {
alert(this.id);
}
this.click();
}
//执行构造函数
myclass2.prototype.constructor();
//这里实例化时构造函数将会执行2次
var a = new myclass2();
a.id = "class1";
a.click();
//利用prototype特性实现
function myclass3() {
myclass3.prototype.id = "mycalss3";
myclass3.prototype.click = function() { alert(myclass3.prototype.id); }
myclass3.prototype.click();
}
var b = new myclass3();
b.id = "class3";
b.click();
</script>
</head>
<body>
</body>
</html>
Javascript面向对象实现的几种方法
最新推荐文章于 2022-06-01 11:37:39 发布