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 trim函数 去空格函数与正则集锦
Nov 20 Javascript
jQuery使用数组编写图片无缝向左滚动
Dec 11 Javascript
没有document.getElementByName方法
Aug 19 Javascript
jquery操作下拉列表、文本框、复选框、单选框集合(收藏)
Jan 08 Javascript
JS获取时间的相关函数及时间戳与时间日期之间的转换
Feb 04 Javascript
react-redux中connect()方法详细解析
May 27 Javascript
详解vue-cli脚手架中webpack配置方法
Aug 22 Javascript
详解Vue项目在其他电脑npm run dev运行报错的解决方法
Oct 29 Javascript
详解如何搭建mpvue框架搭配vant组件库的小程序项目
May 16 Javascript
VUE 动态组件的应用案例分析
Dec 02 Javascript
基于vue和bootstrap实现简单留言板功能
May 30 Javascript
jQuery实现动态操作table行
Nov 23 jQuery
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
咖啡历史、消费和行业趋势
2021/03/03 咖啡文化
Laravel框架学习笔记(一)环境搭建
2014/10/15 PHP
ThinkPHP3.2.2实现持久登录(记住我)功能的方法
2016/05/16 PHP
详解thinkphp5+swoole实现异步邮件群发(SMTP方式)
2017/10/13 PHP
js 获取服务器控件值的代码
2010/03/05 Javascript
Javascript中的Array数组对象详谈
2014/03/03 Javascript
JavaScript中的函数的两种定义方式和函数变量赋值
2014/05/12 Javascript
js交换排序 冒泡排序算法(Javascript版)
2014/10/04 Javascript
jQuery实现放大镜效果实例代码
2016/03/17 Javascript
浅谈javascript中的加减时间
2016/07/12 Javascript
vue的props实现子组件随父组件一起变化
2016/10/27 Javascript
原生ajax处理json格式数据的实例代码
2016/12/25 Javascript
JS获取本周周一,周末及获取任意时间的周一周末功能示例
2017/02/09 Javascript
基于JS实现仿京东搜索栏随滑动透明度渐变效果
2017/07/10 Javascript
[原创]jQuery实现合并/追加数组并去除重复项的方法
2018/04/11 jQuery
vue使用Element组件时v-for循环里的表单项验证方法
2018/06/28 Javascript
vue .js绑定checkbox并获取、改变选中状态的实例
2018/08/24 Javascript
vue返回上一页面时回到原先滚动的位置的方法
2018/12/20 Javascript
微信小程序 textarea 层级过高问题简单解决方案
2019/10/14 Javascript
关于vue表单提交防双/多击的例子
2019/10/31 Javascript
简单了解JS打开url的方法
2020/02/21 Javascript
微信小程序实现左滑删除效果
2020/11/18 Javascript
Python中http请求方法库汇总
2016/01/06 Python
详解如何利用Cython为Python代码加速
2018/01/27 Python
使用tensorflow实现线性svm
2018/09/07 Python
django 使用全局搜索功能的实例详解
2019/07/18 Python
Win10下用Anaconda安装TensorFlow(图文教程)
2020/06/18 Python
利用python下载scihub成文献为PDF操作
2020/07/09 Python
Linux文件操作命令都有哪些
2016/07/23 面试题
质量工程师岗位职责
2013/11/16 职场文书
四年大学生活的个人自我评价
2013/12/11 职场文书
教书育人演讲稿
2014/09/11 职场文书
入党现实表现材料
2014/12/23 职场文书
2015年国税春训心得体会
2015/03/09 职场文书
品德与社会教学反思
2016/02/24 职场文书
写给汽车4S店的创业计划书,拿来即用!
2019/08/09 职场文书