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 相关文章推荐
ie下jquery.getJSON的缓存问题的处理方法
Mar 29 Javascript
JS不间断向上滚动效果代码
Dec 25 Javascript
js调用后台、后台调用前台等方法总结
Apr 17 Javascript
Jquery实现兼容各大浏览器的Enter回车切换输入焦点的方法
Sep 01 Javascript
详解JavaScript表单验证(E-mail 验证)
Mar 31 Javascript
浅谈javascript中关于日期和时间的基础知识
Jul 13 Javascript
详解Angular.js指令中scope类型的几种特殊情况
Feb 21 Javascript
Node.js调用fs.renameSync报错(Error: EXDEV, cross-device link not permitted)
Dec 27 Javascript
解决Vue使用swiper动态加载数据,动态轮播数据显示白屏的问题
Sep 27 Javascript
了解JavaScript中let语句
May 30 Javascript
Vue路由模块化配置的完整步骤
Aug 14 Javascript
Vue+element-ui添加自定义右键菜单的方法示例
Dec 08 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中MD5函数使用实例代码
2008/06/07 PHP
php中对2个数组相加的函数
2011/06/24 PHP
Windows下的PHP安装文件线程安全和非线程安全的区别
2014/04/23 PHP
PHP模板引擎Smarty的缓存使用总结
2014/04/24 PHP
PHP内置加密函数详解
2016/11/20 PHP
laravel实现登录时监听事件,添加登录用户的记录方法
2019/09/30 PHP
Laravel框架中队列和工作(Queues、Jobs)操作实例详解
2020/04/06 PHP
通过Unicode转义序列来加密,按你说的可以算是混淆吧
2007/05/06 Javascript
javascript oop开发滑动(slide)菜单控件
2010/08/25 Javascript
js简单实现用户注册信息的校验代码
2013/11/15 Javascript
浅析基于WEB前端页面的页面内容搜索的实现思路
2014/06/10 Javascript
JavaScript 面向对象与原型
2015/04/10 Javascript
js判断手机号运营商的方法
2015/10/23 Javascript
JavaScript+Java实现HTML页面转为PDF文件保存的方法
2016/05/30 Javascript
JS使用cookie设置样式的方法
2016/06/30 Javascript
jQuery获取浏览器类型和版本号的方法
2016/07/05 Javascript
JS填写银行卡号每隔4位数字加一个空格
2016/12/19 Javascript
Vue.js -- 过滤器使用总结
2017/02/18 Javascript
angularjs select 赋值 ng-options配置方法
2018/02/28 Javascript
vue.js 添加 fastclick的支持方法
2018/08/28 Javascript
微信小程序实现锚点功能
2019/11/20 Javascript
Python pass 语句使用示例
2014/03/11 Python
python基于socket实现网络广播的方法
2015/04/29 Python
python自动查询12306余票并发送邮箱提醒脚本
2018/05/21 Python
python 定时任务去检测服务器端口是否通的实例
2019/01/26 Python
详解用python实现基本的学生管理系统(文件存储版)(python3)
2019/04/25 Python
在css3中background-clip属性与background-origin属性的用法介绍
2012/11/13 HTML / CSS
纯CSS实现颜色渐变效果(包含环形渐变、线性渐变、彩虹效果等)
2014/05/07 HTML / CSS
浅谈css3新单位vw、vh、vmin、vmax的使用详解
2017/12/01 HTML / CSS
艺龙旅行网酒店预订:国内、港澳台酒店
2018/06/26 全球购物
Top Villas美国:豪华别墅出租和度假屋
2018/07/10 全球购物
英国奢侈品牌时尚购物平台:Farfetch(支持中文)
2020/02/18 全球购物
机械专业毕业生自荐信
2013/11/02 职场文书
家佳咖啡店创业计划书
2013/12/27 职场文书
竞聘自述材料
2014/08/25 职场文书
孝老爱亲事迹材料
2014/12/24 职场文书