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 相关文章推荐
js判断浏览器的比较全的代码
Feb 13 Javascript
Jquery实现仿新浪微博获取文本框能输入的字数代码
Feb 22 Javascript
JS的encodeURI和java的URLDecoder.decode使用介绍
May 08 Javascript
js中定义一个变量并判断其是否为空的方法
May 13 Javascript
基于JQuery和CSS3实现仿Apple TV海报背景视觉差特效源码分享
Sep 21 Javascript
理解 JavaScript Scoping &amp; Hoisting(二)
Nov 18 Javascript
js求数组中全部数字可拼接出的最大整数示例代码
Aug 25 Javascript
js防刷新的倒计时代码 js倒计时代码
Sep 06 Javascript
实现jquery放大镜的两种方法
Feb 22 jQuery
vue.extend与vue.component的区别和联系
Sep 19 Javascript
小程序自定义日历效果
Dec 29 Javascript
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
Apr 14 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 获取mysql数据库信息代码
2009/03/12 PHP
PHP下载生成的csv文件及问题总结
2015/08/06 PHP
使用PHP uniqid函数生成唯一ID
2015/11/18 PHP
Yii2表单事件之Ajax提交实现方法
2017/05/04 PHP
指定js可访问其它域名的cookie的方法
2007/09/18 Javascript
Js 时间间隔计算的函数(间隔天数)
2011/11/15 Javascript
js 判断js函数、变量是否存在的简单示例代码
2014/03/04 Javascript
jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签
2016/03/29 Javascript
headjs实现网站并行加载但顺序执行JS
2016/11/29 Javascript
Bootstrap整体框架之CSS12栅格系统
2016/12/15 Javascript
angularjs实现过滤并替换关键字小功能
2017/09/19 Javascript
微信小程序简单实现form表单获取输入数据功能示例
2017/11/30 Javascript
Bootstrap实现可折叠分组侧边导航菜单
2018/03/07 Javascript
解决iview多表头动态更改列元素发生的错误的方法
2018/11/02 Javascript
ES6 Symbol数据类型的应用实例分析
2019/06/26 Javascript
layui加载表格,绑定新增,编辑删除,查看按钮事件的例子
2019/09/06 Javascript
Vue使用NProgress的操作过程解析
2019/10/10 Javascript
使用Bootstrap做一个朝代历史表
2019/12/10 Javascript
Javascript类型判断相关例题及解析
2020/08/26 Javascript
绘制微信小程序验证码功能的实例代码
2021/01/05 Javascript
Python中的一些陷阱与技巧小结
2015/07/10 Python
python实现字符串和字典的转换
2018/09/29 Python
使用pandas读取文件的实现
2019/07/31 Python
Python更新所有已安装包的操作
2020/02/13 Python
python自定义函数def的应用详解
2020/06/03 Python
Python使用lambda抛出异常实现方法解析
2020/08/20 Python
100%羊绒:NakedCashmere
2020/08/26 全球购物
Java中采用什么结构来捕获、处理异常?各子句的顺序、功能如何
2013/10/07 面试题
幼儿园教师国培感言
2014/02/02 职场文书
食品科学与工程专业毕业生求职信范文
2014/07/21 职场文书
会计简历自我评价
2015/03/10 职场文书
党员反邪教心得体会
2016/01/15 职场文书
详解Oracle块修改跟踪功能
2021/11/07 Oracle
解析探秘fescar分布式事务实现原理
2022/02/28 Java/Android
搞笑Gif:这么白这么长的腿像极了一楼的女朋友
2022/03/21 杂记
Golang日志包的使用
2022/04/20 Golang