Javascript面向对象实现的几种方法

vistang

于 2011-07-19 21:33:34 发布

阅读量627

点赞数

CC 4.0 BY-SA版权

分类专栏：前端开发/web开发文章标签： javascript function prototype class object html

本文链接：https://blog.youkuaiyun.com/vistang/article/details/6618292

前端开发/web开发专栏收录该内容

5 篇文章

订阅专栏

<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>