您的位置:首页 > Web前端 > JavaScript

javascript面向对象编程方式

2016-02-15 21:47 661 查看
本文主要介绍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>

注意:对象命名规范

类名首字母大写

总结:应用prototype可以解决面向对象中函数重复造成的资源浪费的问题
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: