javascript面向对象编程方式

最新推荐文章于 2024-02-28 23:59:43 发布

Q_Jimmy

最新推荐文章于 2024-02-28 23:59:43 发布

阅读量391

点赞数 1

分类专栏： HTML5

本文链接：https://blog.csdn.net/Q_Jimmy/article/details/50670387

版权

HTML5 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

本文主要介绍JavaScript的面向对象编程方式

应用混合方式构造函数/原型方式

原则：

（1）构造函数：加属性

（2）原型：加方法

代码实现：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    function  CreatePerson(name,qq){//构造函数
        this.name=name;
        this.qq=qq;
    };
    CreatePerson.prototype.showName=function(){//原型
        alert('我的名字叫:'+this.name);
    };
    CreatePerson.prototype.showQQ=function(){
        alert('我的QQ号：'+this.qq);
    };
    var obj=new CreatePerson('Jason','12345');
    obj.showName();
    obj.showQQ();
    var obj2=new CreatePerson('Jimmy','2345678');
    obj2.showName();
    obj2.showQQ();
</script>
</body>
</html>