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 相关文章推荐
HTML复选框和单选框 checkbox和radio事件介绍
Dec 12 Javascript
replace()方法查找字符使用示例
Oct 28 Javascript
js实现两点之间画线的方法
May 12 Javascript
浅谈JS原型对象和原型链
Mar 02 Javascript
JS原型对象的创建方法详解
Jun 16 Javascript
Angular之指令Directive用法详解
Mar 01 Javascript
VUE实现日历组件功能
Mar 13 Javascript
浅谈Vue2.0中v-for迭代语法的变化(key、index)
Mar 06 Javascript
基于bootstrap页面渲染的问题解决方法
Aug 09 Javascript
详解关于element el-button使用$attrs的一个注意要点
Nov 09 Javascript
详解vue为什么要求组件模板只能有一个根元素
Jul 22 Javascript
vue 监听 Treeselect 选择项的改变操作
Aug 31 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模拟asp中的XmlHttpRequest实现http请求的代码
2011/03/24 PHP
php实现高效获取图片尺寸的方法
2014/12/12 PHP
PHP Try-catch 语句使用技巧
2016/02/28 PHP
PHP字符串逆序排列实现方法小结【strrev函数,二分法,循环法,递归法】
2017/01/13 PHP
Jquery中dialog属性小记
2010/09/03 Javascript
jQuery EasyUI API 中文文档 - Draggable 可拖拽
2011/09/29 Javascript
jQuery中jqGrid分页实现代码
2011/11/04 Javascript
使用jQuery将多条数据插入模态框的实现代码
2014/10/08 Javascript
javascript将url中的参数加密解密代码
2014/11/17 Javascript
原生js实现淘宝购物车功能
2020/06/23 Javascript
jQuery tip提示插件(实例分享)
2017/04/28 jQuery
详解nodeJS之二进制buffer对象
2017/06/03 NodeJs
JavaScript中in和hasOwnProperty区别详解
2017/08/04 Javascript
vue.js实现插入数值与表达式的方法分析
2018/07/06 Javascript
jQuery单页面文字搜索插件jquery.fullsearch.js的使用方法
2020/02/04 jQuery
让你30分钟快速掌握vue3教程
2020/10/26 Javascript
Vue + ts实现轮播插件的示例
2020/11/10 Javascript
使用JS实现鼠标放上图片进行放大离开实现缩小功能
2021/01/27 Javascript
Python实现约瑟夫环问题的方法
2016/05/03 Python
Python 读取图片文件为矩阵和保存矩阵为图片的方法
2018/04/27 Python
Python 函数list&amp;read&amp;seek详解
2019/08/28 Python
python时间与Unix时间戳相互转换方法详解
2020/02/13 Python
python 调整图片亮度的示例
2020/12/03 Python
Django扫码抽奖平台的配置过程详解
2021/01/14 Python
澳大利亚香水在线:Price Rite Mart
2017/12/28 全球购物
西班牙宠物用品和食品网上商店:Tiendanimal
2019/06/06 全球购物
山海经纬软件测试笔试题和面试题
2013/04/02 面试题
公务员的自我鉴定
2013/10/26 职场文书
物流专业大学生求职信范文
2013/10/28 职场文书
学习十八大报告感言
2014/02/04 职场文书
民族团结先进个人事迹材料
2014/06/02 职场文书
大学生社会实践活动总结
2014/07/03 职场文书
工商局领导班子存在的问题整改措施思想汇报
2014/10/05 职场文书
2015年重阳节活动总结
2015/03/24 职场文书
使用react-virtualized实现图片动态高度长列表的问题
2021/05/28 Javascript
这样写python注释让代码更加的优雅
2021/06/02 Python