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 相关文章推荐
setTimeout()与setInterval()方法区别介绍
Dec 24 Javascript
JavaScript对象参数的引用传递
Jan 14 Javascript
jQuery筛选数组之grep、each、inArray、map的用法及遍历json对象
Jun 20 Javascript
javascript中数组和字符串的方法对比
Jul 20 Javascript
浅谈js中startsWith 函数不能在任何浏览器兼容的问题
Mar 01 Javascript
jQuery在header中设置请求信息的方法
Mar 06 Javascript
vue通过watch对input做字数限定的方法
Jul 13 Javascript
vue cli升级webapck4总结
Apr 04 Javascript
实例分析vue循环列表动态数据的处理方法
Sep 28 Javascript
JavaScript实现与使用发布/订阅模式详解
Jan 19 Javascript
jquery ajax 请求小技巧实例分析
Nov 11 jQuery
微信小程序缓存支持二次开发封装实现解析
Dec 16 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常用技巧汇总
2016/03/04 PHP
CodeIgniter框架钩子机制实现方法【hooks类】
2018/08/21 PHP
jQuery 学习 几种常用方法
2009/06/11 Javascript
jQuery html() in Firefox (uses .innerHTML) ignores DOM changes
2010/03/05 Javascript
对javascript的一点点认识总结《javascript高级程序设计》读书笔记
2011/11/30 Javascript
json的前台操作和后台操作实现代码
2012/01/20 Javascript
购物车选中得到价格实现示例
2014/01/26 Javascript
深入解析Javascript闭包的功能及实现方法
2016/07/10 Javascript
原生js实现水平方向无缝滚动
2017/01/10 Javascript
详解Vue-基本标签和自定义控件
2017/03/24 Javascript
浅谈Vuejs中nextTick()异步更新队列源码解析
2017/12/31 Javascript
bootstrap select2插件用ajax来获取和显示数据的实例
2018/08/09 Javascript
解决vuecli3中img src 的引入问题
2020/08/04 Javascript
vue 使用post/get 下载导出文件操作
2020/08/07 Javascript
vant中的toast轻提示实现代码
2020/11/04 Javascript
python zip文件 压缩
2008/12/24 Python
Python 结巴分词实现关键词抽取分析
2017/10/21 Python
Python3 pip3 list 出现 DEPRECATION 警告的解决方法
2019/02/16 Python
pytorch 归一化与反归一化实例
2019/12/31 Python
Django密码存储策略分析
2020/01/09 Python
Python爬虫爬取百度搜索内容代码实例
2020/06/05 Python
python如何随机生成高强度密码
2020/08/19 Python
8款精美的CSS3表单设计(登录表单/下拉选择/按钮附演示及源码)
2013/02/04 HTML / CSS
美国正版电视节目和电影在线观看:Hulu
2018/05/24 全球购物
英国领先的票务代理商之一:The Ticket Factory
2019/02/09 全球购物
Sandro法国官网:法国成衣品牌
2019/08/28 全球购物
什么是Rollback Segment
2013/04/22 面试题
班班通项目实施方案
2014/02/25 职场文书
气象学专业个人求职信
2014/03/15 职场文书
促销活动总结范文
2014/04/30 职场文书
小学生国庆65周年演讲稿范文(2篇)
2014/09/21 职场文书
法定代表人授权委托书格式
2014/10/14 职场文书
2015年世界环境日活动总结
2015/02/11 职场文书
承诺书应该怎么写?
2019/09/10 职场文书
ipad隐藏软件app图标方法
2022/04/19 数码科技
MySQL数据库如何查看表占用空间大小
2022/06/10 MySQL