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 相关文章推荐
JavaScript confirm选择判断
Oct 18 Javascript
js 深拷贝函数
Dec 04 Javascript
asp.net HttpHandler实现图片防盗链
Nov 09 Javascript
javascript 防止刷新,后退,关闭
Aug 07 Javascript
jquery 元素控制(追加元素/追加内容)介绍及应用
Apr 21 Javascript
javascript删除数组元素并且数组长度减小的简单实例
Feb 14 Javascript
JavaScript中的操作符==与===介绍
Dec 31 Javascript
详解JavaScript中的Unescape()和String() 函数
Nov 09 Javascript
基于js里调用函数时,函数名带括号和不带括号的区别
Jul 28 Javascript
解决vue 按钮多次点击重复提交数据问题
May 10 Javascript
vue中实现图片压缩 file文件的方法
May 28 Javascript
vue项目proxyTable配置和部署服务器
Apr 14 Vue.js
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基于Closure类创建匿名函数的方法详解
2017/08/17 PHP
php命令行模式代码实例详解
2021/02/26 PHP
经典的解除许多网站无法复制文字的绝招
2006/12/31 Javascript
基于jquery1.4.2的仿flash超炫焦点图播放效果
2010/04/20 Javascript
基于Jquery的将DropDownlist的选中值赋给label的实现代码
2011/05/06 Javascript
JS弹出层单纯的绝对定位居中示例代码
2014/02/18 Javascript
javascript比较两个日期的先后示例代码
2014/12/31 Javascript
JavaScript处理解析JSON数据过程详解
2015/09/11 Javascript
jQuery多条件筛选如何实现
2015/11/04 Javascript
学习javascript面向对象 javascript实现继承的方式
2016/01/04 Javascript
jQuery操作Table技巧大汇总
2016/01/23 Javascript
AngularJS 遇到的小坑与技巧小结
2016/06/07 Javascript
jQuery使用serialize()表单序列化时出现中文乱码问题的解决办法
2016/07/27 Javascript
纯前端JavaScript实现Excel IO案例分享
2016/08/26 Javascript
JS中用try catch对代码运行的性能影响分析
2016/12/26 Javascript
ES6下React组件的写法示例代码
2017/05/04 Javascript
详解Vue中数组和对象更改后视图不刷新的问题
2018/09/21 Javascript
CentOS7中源码编译安装NodeJS的完整步骤
2018/10/13 NodeJs
JS 设计模式之:单例模式定义与实现方法浅析
2020/05/06 Javascript
Python open读写文件实现脚本
2008/09/06 Python
python插入数据到列表的方法
2015/04/30 Python
Python统计python文件中代码,注释及空白对应的行数示例【测试可用】
2018/07/25 Python
python把ipynb文件转换成pdf文件过程详解
2019/07/09 Python
Python3.6 + TensorFlow 安装配置图文教程(Windows 64 bit)
2020/02/24 Python
导致python中import错误的原因是什么
2020/07/01 Python
python3.5的包存放的具体路径
2020/08/16 Python
Python爬虫+Tkinter制作一个翻译软件的示例
2021/02/20 Python
数据库方面面试题
2012/04/22 面试题
控制工程专业个人求职信
2013/09/25 职场文书
大四学年自我鉴定
2013/11/13 职场文书
办公室文员工作自我评价
2013/12/01 职场文书
函授大学生自我鉴定
2014/02/05 职场文书
俄语专业职业生涯规划
2014/02/26 职场文书
党员公开承诺书2015
2015/01/21 职场文书
房地产置业顾问岗位职责
2015/04/11 职场文书
微信小程序实现拍照和相册选取图片
2021/05/09 Javascript