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 相关文章推荐
基于jquery的网页SELECT下拉框美化代码
Oct 28 Javascript
鼠标滑上去后图片放大浮出效果的js代码
May 28 Javascript
js关于精确计算和数值格式化以及直接引js文件
Jan 28 Javascript
jQuery中hover方法和toggle方法使用指南
Feb 27 Javascript
基于jQuery仿淘宝产品图片放大镜代码分享
Jun 23 Javascript
JavaScript中的this到底是什么(一)
Dec 09 Javascript
详解WordPress开发中get_current_screen()函数的使用
Jan 11 Javascript
AngularJS基础 ng-mouseenter 指令示例代码
Aug 02 Javascript
微信小程序 网络API Websocket详解
Nov 09 Javascript
JS解决IOS中拍照图片预览旋转90度BUG的问题
Sep 13 Javascript
React Native中Mobx的使用方法详解
Dec 04 Javascript
Selenium执行JavaScript脚本的方法示例
Dec 31 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 addslashes 函数详细分析说明
2009/06/23 PHP
PHP生成静态HTML文档实现代码
2016/06/23 PHP
PHP实现mysqli批量执行多条语句的方法示例
2017/07/22 PHP
Laravel框架实现定时Task Scheduling例子
2019/10/22 PHP
网页中的图片的处理方法与代码
2009/11/26 Javascript
jquery入门—数据删除与隔行变色以及图片预览
2013/01/07 Javascript
js子页面获取父页面数据示例
2014/05/15 Javascript
js判断浏览器版本以及浏览器内核的方法
2015/01/20 Javascript
详解Bootstrap按钮
2016/01/04 Javascript
jQuery实现表格隔行及滑动,点击时变色的方法【测试可用】
2016/08/20 Javascript
Bootstrap源码解读网格系统(3)
2016/12/22 Javascript
JS防抖和节流实例解析
2019/09/24 Javascript
《javascript设计模式》学习笔记七:Javascript面向对象程序设计组合模式详解
2020/04/08 Javascript
基于canvas实现手写签名(vue)
2020/05/21 Javascript
JS实现斐波那契数列的五种方式(小结)
2020/09/09 Javascript
Python实现远程调用MetaSploit的方法
2014/08/22 Python
Python 对输入的数字进行排序的方法
2018/06/23 Python
django 配置阿里云OSS存储media文件的例子
2019/08/20 Python
python定位xpath 节点位置的方法
2019/08/27 Python
Python partial函数原理及用法解析
2019/12/11 Python
Python 实现进度条的六种方式
2021/01/06 Python
英国在线药房和在线医生:LloydsPharmacy
2019/10/21 全球购物
skyn ICELAND官网:冰岛成分天然护肤品
2020/08/24 全球购物
Java面试题:请说出如下代码的输出结果
2013/04/22 面试题
公司周年庆典邀请函
2014/01/12 职场文书
社区安全检查制度
2014/02/03 职场文书
《列夫托尔斯泰》教学反思
2014/02/10 职场文书
项目合作协议书范本
2014/04/16 职场文书
2015届大学生就业推荐表自我评价
2014/09/27 职场文书
党员三严三实心得体会
2014/10/13 职场文书
个人年底工作总结
2015/03/10 职场文书
2015年教学副校长工作总结
2015/07/22 职场文书
教师正风肃纪心得体会
2016/01/15 职场文书
tensorflow学习笔记之tfrecord文件的生成与读取
2021/03/31 Python
python基础之类属性和实例属性
2021/10/24 Python
CSS 实现角标效果的完整代码
2022/06/28 HTML / CSS