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 三种不同位置代码的写法
Oct 25 Javascript
关于文本框的一些限制控制总结~~
Apr 15 Javascript
使用闭包对setTimeout进行简单封装避免出错
Jul 10 Javascript
原生javascript实现的分页插件pagenav
Aug 28 Javascript
javascript简单实现跟随滚动条漂浮的返回顶部按钮效果
Aug 19 Javascript
如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标
Dec 21 Javascript
AngularJS动态添加数据并删除的实例
Feb 27 Javascript
jQuery使用$.extend(true,object1, object2);实现深拷贝对象的方法分析
Mar 06 jQuery
jQuery实现form表单基于ajax无刷新提交方法实例代码
Nov 04 jQuery
Vue+webpack实现懒加载过程解析
Feb 17 Javascript
vue实现淘宝购物车功能
Apr 20 Javascript
uni-app 自定义底部导航栏的实现
Dec 11 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
《魔兽争霸3:重制版》翻车了?你想要的我们都没有
2019/11/07 魔兽争霸
一键删除顽固的空文件夹 软件下载
2007/01/26 PHP
php过滤html标记属性类用法实例
2014/09/23 PHP
PHP处理会话函数大总结
2015/08/05 PHP
thinkPHP+LayUI 流加载实现功能
2019/09/27 PHP
js 日期转换成中文格式的函数
2009/07/07 Javascript
javascript拖拽上传类库DropzoneJS使用方法
2013/12/05 Javascript
jQuery 重复加载错误以及修复方法
2014/12/16 Javascript
Nodejs为什么选择javascript为载体语言
2015/01/13 NodeJs
jQuery选择器querySelector的使用指南
2015/01/23 Javascript
jQuery 1.9.1源码分析系列(十)事件系统之主动触发事件和模拟冒泡处理
2015/11/24 Javascript
jQuery动画显示和隐藏效果实例演示(附demo源码下载)
2015/12/31 Javascript
jQuery实现可移动选项的左右下拉列表示例
2016/12/26 Javascript
javascript循环链表之约瑟夫环的实现方法
2017/01/16 Javascript
vue下跨域设置的相关介绍
2017/08/26 Javascript
vue-cli2.0转3.0之项目搭建的详细步骤
2018/12/11 Javascript
详解vuex持久化插件解决浏览器刷新数据消失问题
2019/04/15 Javascript
VUE : vue-cli中去掉路由中的井号#操作
2020/09/04 Javascript
python如何给字典的键对应的值为字典项的字典赋值
2019/07/05 Python
pytorch 指定gpu训练与多gpu并行训练示例
2019/12/31 Python
pytorch 准备、训练和测试自己的图片数据的方法
2020/01/10 Python
python turtle工具绘制四叶草的实例分享
2020/02/14 Python
Python实现自动访问网页的例子
2020/02/21 Python
Mysql数据库反向生成Django里面的models指令方式
2020/05/18 Python
python代码实现将列表中重复元素之间的内容全部滤除
2020/05/22 Python
HTML5制作酷炫音频播放器插件图文教程
2014/12/30 HTML / CSS
法国设计制造的扫帚和刷子:Andrée Jardin
2018/12/06 全球购物
托管代码(Managed Code)和非托管代码(Unmanaged Code)有什么区别
2014/09/29 面试题
C#里面如何倒序排列一个数组的元素?
2013/06/21 面试题
中软国际Java程序员机试题
2012/08/19 面试题
财务总监管理职责范文
2014/03/09 职场文书
2015年医药代表工作总结
2015/04/25 职场文书
学生会自荐信
2019/05/16 职场文书
java如何实现获取客户端ip地址的示例代码
2022/04/07 Java/Android
前端与RabbitMQ实时消息推送未读消息小红点实现示例
2022/07/23 Java/Android