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 相关文章推荐
网页javascript精华代码集
Jan 24 Javascript
jquery中dom操作和事件的实例学习 下拉框应用
Dec 01 Javascript
js不能获取隐藏的div的宽度只能先显示后获取
Sep 04 Javascript
深入理解JavaScript系列(33):设计模式之策略模式详解
Mar 03 Javascript
js实现正则匹配中文标点符号的方法
Dec 23 Javascript
判断JS对象是否拥有某属性的方法推荐
May 12 Javascript
js实现可控制左右方向的无缝滚动效果
May 29 Javascript
浅谈Vue的基本应用
Dec 27 Javascript
jquery 一键复制到剪切板的实例
Sep 20 jQuery
JSON数据中存在单个转义字符“\”的处理方法
Jul 11 Javascript
浅析vue-router jquery和params传参(接收参数)$router $route的区别
Aug 03 jQuery
微信小程序调用天气接口并且渲染在页面过程详解
Jun 24 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和JAVA中的重载(overload)和覆盖(override) 介绍
2012/03/01 PHP
仿Aspnetpager的一个PHP分页类代码 附源码下载
2012/10/08 PHP
destoon公司主页模板风格的添加方法
2014/06/20 PHP
PHP实现动态柱状图改进版
2015/03/30 PHP
php随机显示指定文件夹下图片的方法
2015/07/13 PHP
asp.net下利用js实现返回上一页的实现方法小集
2009/11/24 Javascript
js用Date对象的setDate()函数对日期进行加减操作
2014/09/18 Javascript
node.js中的path.resolve方法使用说明
2014/12/08 Javascript
javascript实现输出指定行数正方形图案的方法
2015/08/03 Javascript
javascript实现鼠标放上后下边对应内容变换的效果
2015/08/06 Javascript
JS学习之表格的排序简单实例
2016/05/16 Javascript
JS实现图片手风琴效果
2020/04/17 Javascript
web前端页面生成exe可执行文件的方法
2018/02/08 Javascript
解决Layui数据表格中checkbox位置不居中的方法
2018/08/15 Javascript
详解webpack 热更新优化
2018/09/13 Javascript
解决小程序无法触发SESSION问题
2020/02/03 Javascript
Vue用mixin合并重复代码的实现
2020/11/27 Vue.js
python类参数self使用示例
2014/02/17 Python
python 循环while和for in简单实例
2016/08/16 Python
PyQt5每天必学之QSplitter实现窗口分隔
2018/04/19 Python
python 调用钉钉机器人的方法
2019/02/20 Python
对Python中小整数对象池和大整数对象池的使用详解
2019/07/09 Python
浅析关于Keras的安装(pycharm)和初步理解
2020/10/23 Python
阿里云:Aliyun.com
2017/02/15 全球购物
eBay荷兰购物网站:eBay.nl
2020/06/26 全球购物
材料物理专业个人求职信
2013/12/15 职场文书
《黄山奇石》教学反思
2014/04/19 职场文书
10的分与合教学反思
2014/04/30 职场文书
公司外出活动方案
2014/08/14 职场文书
党员四风自我剖析材料思想汇报
2014/09/13 职场文书
党员先进性教育整改措施
2014/09/18 职场文书
旷课检讨书500字
2014/10/14 职场文书
大学推普周活动总结
2015/05/07 职场文书
SpringDataJPA实体类关系映射配置方式
2021/12/06 Java/Android
排查并解决MySQL生产库内存使用率高的报警
2022/04/11 MySQL
JS前端可扩展的低代码UI框架Sunmao使用详解
2022/07/23 Javascript