javascript 写类方式之二


Posted in Javascript onJuly 05, 2009

2、原型方式

/** 
* Person类:定义一个人,有个属性name,和一个getName方法 
*/ 
function Person(){} 
Person.prototype.name = "jack"; 
Person.prototype.getName = function() { return this.name;}

把类的属性(字段),方法都挂在prototype上。

造几个对象测试下:

var p1 = new Person(); 
var p2 = new Person(); 
console.log(p1.getName());//jack 
console.log(p2.getName());//jack

可以看出输出的都是jack,所以原型方式的缺点就是不能通过参数来构造对象实例 (一般每个对象的属性是不相同的) ,优点是所有对象实例都共享getName方法(相对于构造函数方式),没有造成内存浪费

Javascript 相关文章推荐
Web开发之JavaScript
Mar 29 Javascript
js 控制页面跳转的5种方法
Sep 09 Javascript
JavaScript两种跨域技术全面介绍
Apr 16 Javascript
JS实现可拖曳、可关闭的弹窗效果
Sep 26 Javascript
jQuery制作网页版选项卡
Jul 28 Javascript
jQuery自适应轮播图插件Swiper用法示例
Aug 24 Javascript
微信小程序前端源码逻辑和工作流
Sep 25 Javascript
理解javascript中的闭包
Jan 11 Javascript
Ionic项目中Native Camera的使用方法
Jun 07 Javascript
layui 点击重置按钮, select 并没有被重置的解决方法
Sep 03 Javascript
使用node.JS中的url模块解析URL信息
Feb 06 Javascript
canvas 中如何实现物体的框选
Aug 05 Javascript
javascript 写类方式之一
Jul 05 #Javascript
Javascript 调试利器 Firebug使用详解六
Jul 05 #Javascript
jQuery DIV弹出效果实现代码
Jul 03 #Javascript
Javascript 遍历对象中的子对象
Jul 03 #Javascript
javascript web页面刷新的方法收集
Jul 02 #Javascript
javascript 操作文件 实现方法小结
Jul 02 #Javascript
javascript new 需不需要继续使用
Jul 02 #Javascript
You might like
PHP判断来访是搜索引擎蜘蛛还是普通用户的代码小结
2015/09/14 PHP
PHP结合Vue实现滚动底部加载效果
2017/12/17 PHP
用js实现多域名不同文件的调用方法
2007/01/12 Javascript
原生javascript图片自动或手动切换示例附演示源码
2013/09/04 Javascript
IE中的File域无法清空使用jQuery重设File域
2014/04/24 Javascript
js+css实现导航效果实例
2015/02/10 Javascript
JavaScript三元运算符的多种使用技巧
2015/04/16 Javascript
jQuery手动点击实现图片轮播特效
2020/04/20 Javascript
基于jQuery实现仿QQ空间送礼物功能代码
2016/05/24 Javascript
又一款js时钟!transform实现时钟效果
2016/08/15 Javascript
HTML5 canvas 9绘制图片实例详解
2016/09/06 Javascript
在javascript中,null>=0 为真,null==0却为假,null的值详解
2017/02/22 Javascript
node.js支持多用户web终端实现及安全方案
2017/11/29 Javascript
JS实现关键词高亮显示正则匹配
2018/06/22 Javascript
一个Vue视频媒体多段裁剪组件的实现示例
2018/08/09 Javascript
原生JS实现获取及修改CSS样式的方法
2018/09/04 Javascript
对angular4子路由&辅助路由详解
2018/10/09 Javascript
详解简单易懂的 ES6 Iterators 指南和示例
2019/09/24 Javascript
Nuxt v-bind绑定img src不显示的解决
2019/12/05 Javascript
vue实现带过渡效果的下拉菜单功能
2020/02/19 Javascript
解决echarts中横坐标值显示不全(自动隐藏)问题
2020/07/20 Javascript
vue 通过绑定事件获取当前行的id操作
2020/07/27 Javascript
[36:29]2018DOTA2亚洲邀请赛 4.1 小组赛 A组加赛 LGD vs TNC
2018/04/02 DOTA
Python实现获取nginx服务器ip及流量统计信息功能示例
2018/05/18 Python
Pandas之排序函数sort_values()的实现
2019/07/09 Python
Django配置Bootstrap, js实现过程详解
2020/10/13 Python
python 第三方库paramiko的常用方式
2021/02/20 Python
CSS3 分类菜单效果
2019/05/27 HTML / CSS
使用HTML5里的classList操作CSS类
2016/06/28 HTML / CSS
HTML5实现直播间评论滚动效果的代码
2020/05/27 HTML / CSS
Otticanet意大利:最顶尖的世界名牌眼镜, 能得到打折季的价格
2019/03/10 全球购物
“三支一扶”支教教师思想汇报
2014/09/13 职场文书
2015年全国科普日活动总结
2015/03/23 职场文书
2016中秋节月饼促销广告语
2016/01/28 职场文书
用python删除文件夹中的重复图片(图片去重)
2021/05/12 Python
使用python求解迷宫问题的三种实现方法
2022/03/17 Python