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

最新推荐文章于 2022-06-01 11:37:39 发布

vistang

最新推荐文章于 2022-06-01 11:37:39 发布

阅读量576

点赞数

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

本文链接：https://blog.csdn.net/vistang/article/details/6618292

版权

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

5 篇文章 0 订阅

订阅专栏

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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

vistang

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Javascript面向对象实现的几种方法

//最基本的写法 var myclass = new Object(); myclass.id = "myclass"; myclass.click = function() { alert(myclass.id); } myclass.click
复制链接

扫一扫