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 相关文章推荐
JavaScript自执行闭包的小例子
Jun 29 Javascript
jQuery删除节点的三个方法即remove()detach()和empty()
Dec 27 Javascript
js实现点击左右按钮轮播图片效果实例
Jan 29 Javascript
JS使用ajax方法获取指定url的head信息中指定字段值的方法
Mar 24 Javascript
javascript实现显示和隐藏div方法汇总
Aug 14 Javascript
js实现网站最上边可关闭的浮动广告条代码
Sep 04 Javascript
剖析Node.js异步编程中的回调与代码设计模式
Feb 16 Javascript
Bootstrap Metronic完全响应式管理模板学习笔记
Jul 08 Javascript
jQuery模拟实现的select点击选择效果【附demo源码下载】
Nov 09 Javascript
vue 2.0组件与v-model详解
Mar 27 Javascript
React-Native左右联动List的示例代码
Sep 21 Javascript
jQuery实现的form转json经典示例
Oct 10 jQuery
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
如何在smarty中增加类似foreach的功能自动加载数据
2013/06/26 PHP
让ThinkPHP支持大小写url地址访问的方法
2014/10/31 PHP
mongodb和php的用法详解
2019/03/25 PHP
php中get_object_vars()在数组的实例用法
2021/02/22 PHP
Javascript实例教程(19) 使用HoTMetal(4)
2006/12/23 Javascript
服务端 VBScript 与 JScript 几个相同特性的写法 By shawl.qiu
2007/03/06 Javascript
javascript学习随笔(使用window和frame)的技巧
2007/03/08 Javascript
基于jQuery的Spin Button自定义文本框数值自增或自减
2010/07/17 Javascript
JS使用getComputedStyle()方法获取CSS属性值
2014/04/23 Javascript
jquery.idTabs 选项卡使用示例代码
2014/09/03 Javascript
javascript文本模板用法实例
2015/07/31 Javascript
jQuery animate和CSS3相结合实现缓动追逐效果附源码下载
2016/04/18 Javascript
bootstrap布局中input输入框右侧图标点击功能
2016/05/16 Javascript
JavaScript reduce和reduceRight详解
2016/10/24 Javascript
JavaScript的兼容性与调试技巧
2016/11/22 Javascript
JS实现浏览器打印、打印预览示例
2017/02/28 Javascript
vue-resource 拦截器(interceptor)的使用详解
2017/07/04 Javascript
webpack中CommonsChunkPlugin详细教程(小结)
2017/11/09 Javascript
JS函数节流和函数防抖问题分析
2017/12/18 Javascript
layer.open组件获取弹出层页面变量、函数的实例
2019/09/25 Javascript
[58:18]2018DOTA2亚洲邀请赛3月29日 小组赛B组 iG VS Mineski
2018/03/30 DOTA
[01:14:19]NAVI vs Mineski 2019国际邀请赛淘汰赛 败者组BO1 8.20.mp4
2020/07/19 DOTA
python检测某个变量是否有定义的方法
2015/05/20 Python
Python变量和数据类型详解
2017/02/15 Python
Django异步任务线程池实现原理
2019/12/17 Python
Python 微信公众号文章爬取的示例代码
2020/11/30 Python
Skip Hop官网:好莱坞宝宝挚爱品牌
2018/06/17 全球购物
应届生煤化工求职信
2013/10/21 职场文书
优秀党支部事迹材料
2014/01/14 职场文书
高一英语教学反思
2014/01/22 职场文书
文秘人员工作职责
2014/01/31 职场文书
雷人标语集锦
2014/06/19 职场文书
党的群众路线教育实践活动自我剖析材料
2014/10/08 职场文书
会计岗位职责范本
2015/04/02 职场文书
孙振耀退休感言
2015/08/01 职场文书
Java 定时任务技术趋势简介
2022/05/04 Java/Android