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高亮效果的二种实现方法
Sep 14 Javascript
JavaScript操作XML 使用百度RSS作为新闻源示例
Feb 17 Javascript
sencha touch 模仿tabpanel导航栏TabBar的实例代码
Oct 24 Javascript
javascript trim函数在IE下不能用的解决方法
Sep 12 Javascript
JQuery实现图片轮播效果
Sep 15 Javascript
使用Promise解决多层异步调用的简单学习心得
May 17 Javascript
jQuery下拉框的简单应用
Jun 24 Javascript
Three.js快速入门教程
Sep 09 Javascript
node.js连接mysql与基本用法示例
Jan 05 Javascript
vue组件数据传递、父子组件数据获取,slot,router路由功能示例
Mar 19 Javascript
15分钟学会vue项目改造成SSR(小白教程)
Dec 17 Javascript
JavaScript点击按钮生成4位随机验证码
Jan 28 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实现加减法验证码代码
2014/02/14 PHP
php实现的ping端口函数实例
2014/11/12 PHP
PHP中使用substr()截取字符串出现中文乱码问题该怎么办
2015/10/21 PHP
PHP实现QQ空间自动回复说说的方法
2015/12/02 PHP
Yii2.0中使用js异步删除示例
2017/03/10 PHP
PHP基于GD2函数库实现验证码功能示例
2019/01/27 PHP
TP3.2框架分页相关实现方法分析
2020/06/03 PHP
各浏览器对click方法的支持差异小结
2011/07/31 Javascript
jquery ajax return没有返回值的解决方法
2011/10/20 Javascript
浅谈javascript 归并方法
2015/01/21 Javascript
JS点击链接后慢慢展开隐藏着图片的方法
2015/02/17 Javascript
jQuery post数据至ashx实例详解
2016/11/18 Javascript
Node.js中如何合并两个复杂对象详解
2016/12/31 Javascript
浅析 NodeJs 的几种文件路径
2017/06/07 NodeJs
JavaScript实现精美个性导航栏筋斗云效果
2017/10/29 Javascript
微信小程序选择图片和放大预览图片功能
2017/11/02 Javascript
javascript代码优化的8点总结
2018/01/29 Javascript
webpack中使用iconfont字体图标的方法
2018/02/22 Javascript
JavaScript EventEmitter 背后的秘密 完整版
2018/03/29 Javascript
JavaScript实现小球沿正弦曲线运动
2020/09/07 Javascript
微信小程序自定义弹窗滚动与页面滚动冲突的解决方法
2019/07/16 Javascript
详解将微信小程序接口Promise化并使用async函数
2019/08/05 Javascript
webpack的 rquire.context用法实现工程自动化的方法
2020/02/07 Javascript
最全vue的vue-amap使用高德地图插件画多边形范围的示例代码
2020/07/17 Javascript
使用Windows批处理和WMI设置Python的环境变量方法
2019/08/14 Python
使用Python制作一个打字训练小工具
2019/10/01 Python
jupyter notebook 多行输出实例
2020/04/09 Python
python 爬虫之selenium可视化爬虫的实现
2020/12/04 Python
配置H5的滚动条样式的示例代码
2018/03/09 HTML / CSS
香港唯港荟酒店预订:Hotel ICON
2018/03/27 全球购物
新加坡网上化妆品店:Best Buy World
2018/05/18 全球购物
音乐表演专业毕业生求职信
2013/10/14 职场文书
电气自动化专业职业规划范文
2014/02/16 职场文书
靠谱的活动总结
2019/04/16 职场文书
私人贷款担保书该怎么写呢?
2019/07/02 职场文书
Python Pandas知识点之缺失值处理详解
2021/05/11 Python