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 div 弹出可拖动窗口
Feb 26 Javascript
JavaScript mapreduce工作原理简析
Nov 25 Javascript
自定义jquery模态窗口插件无法在顶层窗口显示问题
May 29 Javascript
javascript中attachEvent用法实例分析
May 14 Javascript
函数window.open实现关闭所有的子窗口
Aug 03 Javascript
Labelauty?jQuery单选框/复选框美化插件分享
Sep 26 Javascript
AngularJS 基础ng-class-even指令用法
Aug 01 Javascript
实例解析Array和String方法
Dec 14 Javascript
浅析node Async异步处理模块用例分析及常用方法介绍
Nov 17 Javascript
浅谈vue项目4rs vue-router上线后history模式遇到的坑
Sep 27 Javascript
使用vue自定义指令开发表单验证插件validate.js
May 23 Javascript
vue2.0 获取从http接口中获取数据,组件开发,路由配置方式
Nov 04 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 301转向实现代码
2008/09/18 PHP
PHP创建桌面快捷方式的实例代码
2014/02/17 PHP
php备份数据库类分享
2015/04/14 PHP
PHP中preg_match正则匹配中的/u、/i、/s含义
2015/04/17 PHP
php实现数组纵向转横向并过滤重复值的方法分析
2017/05/29 PHP
支持汉转拼和拼音分词的PHP中文工具类ChineseUtil
2018/02/23 PHP
yii2.0框架多模型操作示例【添加/修改/删除】
2020/04/13 PHP
如何让浏览器支持jquery ajax load 前进、后退功能
2014/06/12 Javascript
js带前后翻页的图片切换效果代码分享
2015/09/08 Javascript
jQuery+css实现非常漂亮的水平导航菜单效果
2016/07/27 Javascript
最全面的百度地图JavaScript离线版开发
2016/09/10 Javascript
JavaScript 继承详解(六)
2016/10/11 Javascript
详解angularjs结合pagination插件实现分页功能
2017/02/10 Javascript
jQuery插件echarts实现的循环生成图效果示例【附demo源码下载】
2017/03/04 Javascript
用nodeJS搭建本地文件服务器的几种方法小结
2017/03/16 NodeJs
详解react使用react-bootstrap当轮子造车
2017/08/15 Javascript
react-native使用react-navigation进行页面跳转导航的示例
2017/09/07 Javascript
jQuery实现当拉动滚动条到底部加载数据的方法分析
2019/01/24 jQuery
什么时候不能在 Node.js 中使用 Lock Files
2019/06/24 Javascript
Python中在for循环中嵌套使用if和else语句的技巧
2016/06/20 Python
Python分支语句与循环语句应用实例分析
2019/05/07 Python
Python基于Opencv来快速实现人脸识别过程详解(完整版)
2019/07/11 Python
python实现根据文件格式分类
2019/10/31 Python
解决python执行较大excel文件openpyxl慢问题
2020/05/15 Python
迪斯尼商品官方网站:ShopDisney
2016/08/01 全球购物
英国领先的NHS批准的在线药店:Pharmacy2U
2017/01/06 全球购物
台湾深度自由行旅游平台:Tripbaa趣吧
2017/10/10 全球购物
美体小铺美国官网:The Body Shop美国
2017/11/10 全球购物
Java面试题:请说出如下代码的输出结果
2013/04/22 面试题
领导接待方案
2014/03/13 职场文书
学生会部长竞聘书
2014/03/31 职场文书
葬礼司仪主持词
2014/03/31 职场文书
党员承诺书格式范文
2015/04/28 职场文书
送给教师们,到底该如何写好教学反思?
2019/07/02 职场文书
PL350与SW11的比较
2021/04/22 无线电
Python 详解通过Scrapy框架实现爬取百度新冠疫情数据流程
2021/11/11 Python