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 相关文章推荐
input输入框的自动匹配(原生代码)
Mar 19 Javascript
JavaScript根据数据生成百分比图和柱状图的实例代码
Jul 14 Javascript
jQuery 中国省市两级联动选择附图
May 14 Javascript
jQuery Ajax 加载数据时异步显示加载动画
Aug 01 Javascript
给easyui datebox扩展一个清空的实例
Nov 09 Javascript
JS中位置与大小的获取方法
Nov 22 Javascript
vue的Virtual Dom实现snabbdom解密
May 03 Javascript
Vue.js 中的 $watch使用方法
May 25 Javascript
在vue项目中,使用axios跨域处理
Mar 07 Javascript
React Native悬浮按钮组件的示例代码
Apr 05 Javascript
js实现页面多个日期时间倒计时效果
Jun 20 Javascript
微信小程序canvas绘制圆角base64图片的实现
Aug 18 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个人网站架设连环讲(二)
2006/10/09 PHP
PHP+javascript模拟Matrix画面
2006/10/09 PHP
通过5个php实例细致说明传值与传引用的区别
2012/08/08 PHP
PHP Beanstalkd消息队列的安装与使用方法实例详解
2020/02/21 PHP
jquery中实现标签切换效果的代码
2011/03/01 Javascript
AngularJS入门教程之学习环境搭建
2014/12/06 Javascript
jQuery实现视频作为全屏幕背景
2014/12/18 Javascript
jQuery实现仿腾讯微博滑出效果报告每日天气的方法
2015/05/11 Javascript
深入浅析JavaScript面向对象和原型函数
2016/02/06 Javascript
Node.js与MySQL交互操作及其注意事项
2016/10/05 Javascript
微信小程序 支付功能开发错误总结
2017/02/21 Javascript
从零学习node.js之利用express搭建简易论坛(七)
2017/02/25 Javascript
Vue的实例、生命周期与Vue脚手架(vue-cli)实例详解
2017/12/27 Javascript
vue全局组件与局部组件使用方法详解
2018/03/29 Javascript
Angular6 Filter实现页面搜索的示例代码
2018/12/02 Javascript
使用layui前端框架弹出form表单以及提交的示例
2019/10/25 Javascript
js实现适配移动端的拖动效果
2020/01/13 Javascript
JavaScript基于用户照片姓名生成海报
2020/05/29 Javascript
微信小程序订阅消息(java后端实现)开发
2020/06/01 Javascript
分享8个JavaScript库可更好地处理本地存储
2020/10/12 Javascript
[01:59]DOTA2首部纪录片《Free to play》预告片
2014/03/12 DOTA
Python编写百度贴吧的简单爬虫
2015/04/02 Python
python实现百度语音识别api
2018/04/10 Python
Python数据类型之Tuple元组实例详解
2019/05/08 Python
使用Django开发简单接口实现文章增删改查
2019/05/09 Python
python list数据等间隔抽取并新建list存储的例子
2019/11/27 Python
全球游戏Keys和卡片市场:GamesDeal
2018/03/28 全球购物
C#面试题问题集
2016/04/02 面试题
经济管理专业毕业生推荐信
2013/11/11 职场文书
kfc实习自我鉴定
2013/12/14 职场文书
小学生演讲稿大全
2014/04/25 职场文书
法院干警四风问题个人对照检查材料思想汇报
2014/10/07 职场文书
单位作风建设自查报告
2014/10/23 职场文书
农村党员干部承诺书
2015/05/04 职场文书
想创业成功,需要掌握这些要点
2019/12/06 职场文书
CSS中使用grid布局实现一套模板多种布局
2022/07/15 HTML / CSS