JavaScript中的原型prototype属性使用详解


Posted in Javascript onJune 05, 2015

 prototype属性可以将属性和方法添加到任何对象(Number, Boolean, String 和Date等)。

注:原型(Prototype)是一个全局的属性,它可以使用在几乎所有的对象。
语法

object.prototype.name = value

实例:

这里有一个例子展示了如何使用原型(prototype)属性的属性添加到对象:

<html>
<head>
<title>User-defined objects</title>

<script type="text/javascript">

function book(title, author){
  this.title = title; 
  this.author = author;
}
</script>
</head>
<body>
<script type="text/javascript">
  var myBook = new book("Perl", "Mohtashim");
  book.prototype.price = null;
  myBook.price = 100;
  document.write("Book title is : " + myBook.title + "<br>");
  document.write("Book author is : " + myBook.author + "<br>");
  document.write("Book price is : " + myBook.price + "<br>");
</script>
</body>
</html>

这将产生以下结果:

Book title is : Perl
Book author is : Mohtashim
Book price is : 100
Javascript 相关文章推荐
cssQuery()的下载与使用方法
Jan 12 Javascript
JQuery中的ready函数冲突的解决方法
May 17 Javascript
javascript 进阶篇2 CSS XML学习
Mar 14 Javascript
Ajax清除浏览器js、css、图片缓存的方法
Aug 06 Javascript
Node.js开启Https的实践详解
Oct 25 Javascript
原生JS实现在线问卷调查投票特效
Jan 03 Javascript
vue2.0 路由不显示router-view的解决方法
Mar 06 Javascript
PM2自动部署代码步骤流程总结
Dec 10 Javascript
微信小程序 Storage更新详解
Jul 16 Javascript
vue给对象动态添加属性和值的实例
Sep 09 Javascript
vue自动化路由的实现代码
Sep 30 Javascript
Json实现传值到后台代码实例
Jun 30 Javascript
HTML5使用DeviceOrientation实现摇一摇功能
Jun 05 #Javascript
简介JavaScript中POSITIVE_INFINITY值的使用
Jun 05 #Javascript
JavaScript中Number.NEGATIVE_INFINITY值的使用详解
Jun 05 #Javascript
jQuery+HTML5实现手机摇一摇换衣特效
Jun 05 #Javascript
在JavaScript中使用NaN值的方法
Jun 05 #Javascript
jQuery实现表格行上下移动和置顶效果
Jun 05 #Javascript
jQuery实现弹出窗口中切换登录与注册表单
Jun 05 #Javascript
You might like
PHP 强制下载文件代码
2010/10/24 PHP
PHP时间格式控制符对照表分享
2013/07/23 PHP
浅析ThinkPHP的模板输出功能
2014/07/01 PHP
php将金额数字转化为中文大写
2015/07/09 PHP
浅析Yii2 GridView实现下拉搜索教程
2016/04/22 PHP
php生出随机字符串
2017/07/06 PHP
php使用filter_var函数判断邮箱,url,ip格式示例
2019/07/06 PHP
Javascript实现仿WebQQ界面的“浮云”兼容 IE7以上版本及FF
2011/04/27 Javascript
JavaScript 产生不重复的随机数三种实现思路
2012/12/13 Javascript
jQuery中读取json文件示例代码
2013/05/10 Javascript
常见表单重复提交问题整理及解决方法
2013/11/13 Javascript
javascript实现随机读取数组的方法
2015/08/03 Javascript
jQuery实现hover合成事件的方法
2015/08/06 Javascript
简单实现轮播图效果的实例
2016/07/15 Javascript
JavaScript 身份证号有效验证详解及实例代码
2016/10/20 Javascript
火狐和ie下获取javascript 获取event的方法(推荐)
2016/11/26 Javascript
React Js 微信禁止复制链接分享禁止隐藏右上角菜单功能
2017/05/26 Javascript
微信小程序之绑定点击事件实例详解
2017/07/07 Javascript
vue实现自定义日期组件功能的实例代码
2018/11/06 Javascript
小程序如何在不同设备上自适应生成海报的实现方法
2019/08/20 Javascript
Linux下使用python自动修改本机网关代码分享
2015/05/21 Python
简要讲解Python编程中线程的创建与锁的使用
2016/02/28 Python
Python进阶之递归函数的用法及其示例
2018/01/31 Python
python爬取个性签名的方法
2018/06/17 Python
python GUI库图形界面开发之PyQt5信号与槽多窗口数据传递详细使用方法与实例
2020/03/08 Python
python如何绘制疫情图
2020/09/16 Python
Python的3种运行方式:命令行窗口、Python解释器、IDLE的实现
2020/10/10 Python
linux mint中搜狗输入法导致pycharm卡死的问题
2020/10/28 Python
详解CSS3选择器:nth-child和:nth-of-type之间的差异
2017/09/18 HTML / CSS
Application Cache未缓存文件无法访问无法加载问题
2014/05/31 HTML / CSS
北卡罗来纳州豪华家具和家居装饰店:Carolina Rustica
2018/10/30 全球购物
Ashford台湾:以折扣价提供奢华的男女用表款
2019/12/04 全球购物
2014年大学生自我评价
2014/01/19 职场文书
《姥姥的剪纸》教学反思
2014/02/25 职场文书
业务员简历自我评价
2014/03/06 职场文书
培训协议书范本
2014/04/22 职场文书