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 相关文章推荐
复制Input内容的js代码_支持所有浏览器,修正了Firefox3.5以上的问题
Jun 21 Javascript
jQuery Ajax请求状态管理器打包
May 03 Javascript
举例详解AngularJS中ngShow和ngHide的使用方法
Jun 19 Javascript
JavaScript中函数(Function)的apply与call理解
Jul 08 Javascript
javascript拖拽应用实例
Mar 25 Javascript
JS快速实现移动端拼图游戏
Sep 05 Javascript
Vue 2.0中生命周期与钩子函数的一些理解
May 09 Javascript
Angular2 父子组件数据通信实例
Jun 22 Javascript
Javascript实现base64的加密解密方法示例
Jun 27 Javascript
jQuery实现的导航条点击后高亮显示功能示例
Mar 04 jQuery
WebWorker 封装 JavaScript 沙箱详情
Nov 02 Javascript
JS实现简单九宫格抽奖
Jun 28 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中通过ADODB库实现调用Access数据库之修正版本
2006/12/31 PHP
超小PHP小马小结(方便查找后门的朋友)
2012/05/05 PHP
php中调用其他系统http接口的方法说明
2014/02/28 PHP
PHP的Socket网络编程入门指引
2015/08/11 PHP
nginx下安装php7+php5
2016/07/31 PHP
Laravel中log无法写入问题的解决
2017/06/17 PHP
php类自动装载、链式操作、魔术方法实现代码
2017/07/23 PHP
JavaScript CSS修改学习第五章 给“上传”添加样式
2010/02/19 Javascript
JS中动态添加事件(绑定事件)的代码
2011/01/09 Javascript
JS 对输入框进行限制(常用的都有)
2013/07/30 Javascript
jquery实现文字由下到上循环滚动的实例代码
2013/08/09 Javascript
可兼容IE的获取及设置cookie的jquery.cookie函数方法
2013/09/02 Javascript
js每隔5分钟执行一次ajax请求的实现方法
2013/11/27 Javascript
jQuery如何取id有.的值一般的方法是取不到的
2014/04/18 Javascript
jQuery获取节点和子节点文本的方法
2014/07/22 Javascript
JavaScript给url网址进行encode编码的方法
2015/03/18 Javascript
Javascript aop(面向切面编程)之around(环绕)分析
2015/05/01 Javascript
AngularJS入门心得之directive和controller通信过程
2016/01/25 Javascript
jQuery事件对象总结
2016/10/17 Javascript
vue实现滑动切换效果(仅在手机模式下可用)
2020/06/29 Javascript
操作按钮悬浮固定在微信小程序底部的实现代码
2019/08/02 Javascript
原生js实现商品筛选功能
2019/10/28 Javascript
jQuery--遍历操作实例小结【后代、同胞及过滤】
2020/05/22 jQuery
[02:47]DOTA2英雄基础教程 野性怒吼兽王
2013/12/05 DOTA
[05:03]2018DOTA2亚洲邀请赛主赛事首日回顾
2018/04/04 DOTA
在Python中使用dict和set方法的教程
2015/04/27 Python
python2.7和NLTK安装详细教程
2018/09/19 Python
对Python 3.5拼接列表的新语法详解
2018/11/08 Python
CSS3图片旋转特效(360/60/-360度)
2013/10/10 HTML / CSS
AmazeUI的JS表单验证框架实战示例分享
2020/08/21 HTML / CSS
销售团队获奖感言
2014/08/14 职场文书
给学校的建议书400字
2015/09/14 职场文书
golang gopm get -g -v 无法获取第三方库的解决方案
2021/05/05 Golang
用 Python 元类的特性实现 ORM 框架
2021/05/19 Python
Python数据分析之pandas读取数据
2021/06/02 Python
python opencv旋转图片的使用方法
2021/06/04 Python