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 相关文章推荐
CSS(js)限制页面显示的文本字符长度
Dec 27 Javascript
jqplot通过ajax动态画折线图的方法及思路
Dec 08 Javascript
解决js图片加载时出现404的问题
Nov 30 Javascript
1秒50万字!js实现关键词匹配
Aug 01 Javascript
js制作网站首页图片轮播特效代码
Aug 30 Javascript
bootstrap模态框嵌套、tabindex属性、去除阴影的示例代码
Oct 17 Javascript
微信小程序数据存储与取值详解
Jan 30 Javascript
浅谈在vue中使用mint-ui swipe遇到的问题
Sep 27 Javascript
谈谈JavaScript中super(props)的重要性
Feb 12 Javascript
windows实现npm和cnpm安装步骤
Oct 24 Javascript
vue使用video插件vue-video-player详解
Oct 23 Javascript
微信小程序实现购物车小功能
Dec 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新建文件自动编号的思路与实现
2011/06/27 PHP
PHP输出当前进程所有变量/常量/模块/函数/类的示例
2013/11/07 PHP
php中autoload的用法总结
2013/11/08 PHP
php中解析带中文字符的url函数分享
2015/01/20 PHP
PHP上传文件参考配置大文件上传
2015/12/16 PHP
Yii框架表单提交验证功能分析
2017/01/07 PHP
thinkPHP5.0框架简单配置作用域的方法
2017/03/17 PHP
php实现微信公众平台发红包功能
2018/06/14 PHP
一些有关检查数据的JS代码
2006/09/07 Javascript
css把超出的部分显示为省略号的方法兼容火狐
2008/07/23 Javascript
RGB颜色值转HTML十六进制(HEX)代码的JS函数
2009/04/25 Javascript
初识JQuery 实例一(first)
2011/03/16 Javascript
javascript页面加载完执行事件代码
2014/02/11 Javascript
jquery动态调整div大小使其宽度始终为浏览器宽度
2014/06/06 Javascript
JavaScript数据结构之数组的表示方法示例
2017/04/12 Javascript
javascript实现二叉树的代码
2017/06/08 Javascript
深入理解vue.js中$watch的oldvalue与newValue
2017/08/07 Javascript
微信公众号H5支付接口调用方法
2019/01/10 Javascript
Easyui 去除jquery-easui tab页div自带滚动条的方法
2019/05/10 jQuery
layer弹出层自定义提交取消按钮的例子
2019/09/10 Javascript
vue组件库的在线主题编辑器的实现思路
2020/04/03 Javascript
在Linux命令行终端中使用python的简单方法(推荐)
2017/01/23 Python
tf.truncated_normal与tf.random_normal的详细用法
2018/03/05 Python
python操作excel的方法(xlsxwriter包的使用)
2018/06/11 Python
Python使用sklearn实现的各种回归算法示例
2019/07/04 Python
python实现图书馆抢座(自动预约)功能的示例代码
2020/09/29 Python
一款纯css3实现的响应式导航
2014/10/31 HTML / CSS
CSS3 box-sizing属性详解
2016/11/15 HTML / CSS
澳大利亚美容产品及化妆品在线:Activeskin
2020/06/03 全球购物
处级干部反四风个人对照检查材料思想汇报
2014/09/27 职场文书
办护照工作证明
2014/10/01 职场文书
新学期红领巾广播稿
2014/10/04 职场文书
2014年远程教育工作总结
2014/12/09 职场文书
元宵节晚会主持词
2015/07/01 职场文书
青年志愿者活动感想
2015/08/07 职场文书
Nginx性能优化之Gzip压缩设置详解(最大程度提高页面打开速度)
2022/02/12 Servers