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 相关文章推荐
用jquery实现学校的校历(asp.net+jquery ui 1.72)
Jan 01 Javascript
jQuery+CSS 半开折叠效果原理及代码(自写)
Mar 04 Javascript
输入自动提示搜索提示功能的javascript:sugggestion.js
Sep 02 Javascript
jquery序列化form表单使用ajax提交后处理返回的json数据
Mar 03 Javascript
JS版元素周期表实现方法
Aug 05 Javascript
jquery ajax局部加载方法详解(实现代码)
May 12 Javascript
slideToggle+slideup实现手机端折叠菜单效果
May 25 Javascript
javascript基本常用排序算法解析
Sep 27 Javascript
jQuery完成表单验证的实例代码(纯代码)
Sep 30 jQuery
Node.js 使用axios读写influxDB的方法示例
Oct 26 Javascript
vue webpack打包后图片路径错误的完美解决方法
Dec 07 Javascript
详解vue的双向绑定原理及实现
May 05 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正则校验用户名介绍
2008/07/19 PHP
php使用mysqli向数据库添加数据的方法
2015/03/20 PHP
thinkphp多层MVC用法分析
2015/12/30 PHP
ECshop 迁移到 PHP7版本时遇到的兼容性问题
2016/02/15 PHP
PHP GD库相关图像生成和处理函数小结
2016/09/30 PHP
利用JQuery为搜索栏增加tag提示
2009/06/22 Javascript
jQuery之折叠面板的深入解析
2013/06/19 Javascript
Node.js插件安装图文教程
2016/05/06 Javascript
Javascript的动态增加类的实现方法
2016/10/20 Javascript
jQuery将表单序列化成一个Object对象的实例
2016/11/29 Javascript
JS前向后瞻正则表达式定义与用法示例
2016/12/27 Javascript
JavaScript使用简单正则表达式的数据验证功能示例
2017/01/13 Javascript
基于vue2.0+vuex的日期选择组件功能实现
2017/03/13 Javascript
浅谈HTTP 缓存的那些事儿
2018/10/17 Javascript
spring+angular实现导出excel的实现代码
2019/02/27 Javascript
Vue 实现前端权限控制的示例代码
2019/07/09 Javascript
如何换个角度使用VUE过滤器详解
2019/09/11 Javascript
js实现鼠标拖拽div左右滑动
2020/01/15 Javascript
React实现轮播效果
2020/08/25 Javascript
vue print.js打印支持Echarts图表操作
2020/11/13 Javascript
[18:16]sakonoko 2017年卡尔集锦
2018/02/06 DOTA
[00:13]天涯墨客二技能展示
2018/08/25 DOTA
Python3基础之list列表实例解析
2014/08/13 Python
跟老齐学Python之编写类之三子类
2014/10/11 Python
python实现tail实时查看服务器日志示例
2019/12/24 Python
python pyqtgraph 保存图片到本地的实例
2020/03/14 Python
Python 通过监听端口实现唯一脚本运行方式
2020/05/05 Python
Tensorflow中批量读取数据的案列分析及TFRecord文件的打包与读取
2020/06/30 Python
如何更换python默认编辑器的背景色
2020/08/10 Python
基于HTML5代码实现折叠菜单附源码下载
2015/11/27 HTML / CSS
英国排名第一的最新设计师品牌手表独立零售商:TIC Watches
2016/09/24 全球购物
2014学年自我鉴定
2014/02/23 职场文书
五星级酒店前台接待岗位职责
2015/04/02 职场文书
埃及王子观后感
2015/06/16 职场文书
聊聊基于pytorch实现Resnet对本地数据集的训练问题
2022/03/25 Python
详细介绍python操作RabbitMq
2022/04/12 Python