JavaScript中定义对象原型的两种使用方法


Posted in Javascript onDecember 15, 2016

第一种:

function Person()
{
this.username = new Array();
this.password = "123";
}
Person.prototype.getInfo = function()
{
alert(this.username + ", " + this.password);
}
var p = new Person();
var p2 = new Person();
p.username.push("zhangsan");
p2.username.push("lisi");
p.getInfo();
p2.getInfo();

第二种:

function Person()
{
 this.username = new Array();
 this.password = "123";
}
Person.prototype={
 getInfo:function(){
 alert(this.username + ", " + this.password);
 }
}
var p = new Person();
var p2 = new Person();
p.username.push("zhangsan");
p2.username.push("lisi");
p.getInfo();
p2.getInfo();

个人比较喜欢第二种;第二种可以的原型中可以拓展各种方法,用起来比较顺手。

例如可以写:

Person.prototype={
a方法:function(){
 do somethings...
 },
b方法:function(){
 do somethings...
 }
}

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
载入jQuery库的最佳方法详细说明及实现代码
Dec 28 Javascript
js焦点文字滚动效果代码分享
Aug 25 Javascript
js canvas实现擦除动画
Jul 16 Javascript
JS实现批量上传文件并显示进度功能
Jun 27 Javascript
JS和jQuery通过this获取html标签中的属性值(实例代码)
Sep 11 jQuery
vue+webpack模拟后台数据的示例代码
Jul 26 Javascript
Mint-UI时间组件起始时间问题及时间插件使用
Aug 20 Javascript
浅谈Fetch 数据交互方式
Dec 20 Javascript
React 实现拖拽功能的示例代码
Jan 06 Javascript
Angular2实现的秒表及改良版示例
May 10 Javascript
在layui中对table中的数据进行判断(0、1)转换为提示信息的方法
Sep 28 Javascript
vue resource发送请求的几种方式
Sep 30 Javascript
微信公众号开发 实现点击返回按钮就返回到聊天界面
Dec 15 #Javascript
javascript数组去重方法分析
Dec 15 #Javascript
JS碰撞运动实现方法详解
Dec 15 #Javascript
浅述节点的创建及常见功能的实现
Dec 15 #Javascript
Bootstrap整体框架之JavaScript插件架构
Dec 15 #Javascript
如何解决hover在ie6中的兼容性问题
Dec 15 #Javascript
Bootstrap整体框架之CSS12栅格系统
Dec 15 #Javascript
You might like
PHP.MVC的模板标签系统(三)
2006/09/05 PHP
shopex中集成的站长统计功能的代码简单分析
2011/08/11 PHP
php增删改查示例自己写的demo
2013/09/04 PHP
PHP常用设计模式之委托设计模式
2016/02/13 PHP
Thinkphp5.0 框架Model模型简单用法分析
2019/10/11 PHP
基于jquery的动态创建表格的插件
2011/04/05 Javascript
利用毫秒减值计算时长的js代码
2013/09/22 Javascript
js获取select选中的option的text示例代码
2013/12/19 Javascript
JS小游戏之宇宙战机源码详解
2014/09/25 Javascript
Javascript验证Visa和MasterCard信用卡号的方法
2015/07/27 Javascript
JS实现的竖向折叠菜单代码
2015/10/21 Javascript
浅谈jquery.form.js的ajaxSubmit和ajaxForm的使用
2016/09/09 Javascript
JavaScript中校验银行卡号的实现代码
2016/12/19 Javascript
Vue路由切换时的左滑和右滑效果示例
2018/05/29 Javascript
JS实现倒计时图文效果
2018/11/17 Javascript
extjs4图表绘制之折线图实现方法分析
2020/03/06 Javascript
我所理解的JavaScript中的this指向
2020/09/04 Javascript
[36:33]2018DOTA2亚洲邀请赛 4.3 突围赛 EG vs Newbee 第二场
2018/04/04 DOTA
[49:05]OG vs Newbee 2019DOTA2国际邀请赛淘汰赛 胜者组 BO3 第二场 8.21.mp4
2020/07/19 DOTA
python执行等待程序直到第二天零点的方法
2015/04/23 Python
Python实现读取SQLServer数据并插入到MongoDB数据库的方法示例
2018/06/09 Python
解决python3中cv2读取中文路径的问题
2018/12/05 Python
Python3 Post登录并且保存cookie登录其他页面的方法
2018/12/28 Python
Python中的上下文管理器相关知识详解
2019/09/19 Python
Python调用钉钉自定义机器人的实现
2020/01/03 Python
python3将变量输入的简单实例
2020/08/19 Python
在pycharm中文件取消用 pytest模式打开的操作
2020/09/01 Python
Html5之title吸顶功能
2018/06/04 HTML / CSS
墨尔本照明批发商店:Mica Lighting
2017/12/28 全球购物
预订奥兰多和佛罗里达州公园门票:FloridaTix
2018/01/03 全球购物
internal修饰符起什么作用
2013/12/16 面试题
工作中的自我评价如何写好
2013/10/28 职场文书
优秀毕业生推荐信
2013/11/02 职场文书
六查六看个人剖析材料
2014/10/14 职场文书
教师工作态度自我评价
2015/03/05 职场文书
关于mysql中string和number的转换问题
2022/06/14 MySQL