javascript面向对象编程方式
2016-02-15 21:47
661 查看
本文主要介绍JavaScript的面向对象编程方式
应用混合方式构造函数/原型方式
原则:
(1)构造函数:加属性
(2)原型:加方法
代码实现:
注意:对象命名规范
类名首字母大写
总结:应用prototype可以解决面向对象中函数重复造成的资源浪费的问题
应用混合方式构造函数/原型方式
原则:
(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可以解决面向对象中函数重复造成的资源浪费的问题
相关文章推荐
- javascript正则表达式验证IP,URL
- HTML静态网页--JavaScript-Window.document对象
- HTML静态网页--JavaScript-DOW操作
- HTML静态网页--JavaScript-语法
- HTML静态网页--JavaScript-简介
- JavaScript 笔记 7 - 字符串对象
- JavaScript的学习
- javascript-页面跳转-(咋个办呢-zgbn)
- JavaScript实现动态加载其他的js文件-(咋个办呢 zgbn)
- 【JSTL】--附加:c:import,c:url;c:param,c:redirect--drp217
- WebSphere MQ call failed ..reason '2397' ('MQRC_JSSE_ERROR') 问题解决
- 常用的JavaScript模式
- js 获取url参数
- JSP 中的 Error Page
- js 应用之match()
- 《JavaScript高级程序设计》读书笔记(一)
- jsp小技巧--自定义输出src
- JS继承的实现及公有、私有、静态方法的书写
- 【JSTL】--JSTL表达式:c:forEach,varstatus/begin end/循环控制标签--drp215
- javascript笔记7-事件