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 相关文章推荐
在js(jquery)中获得文本框焦点和失去焦点的方法
Dec 04 Javascript
jQuery取得设置清空select选择的文本与值
Jul 08 Javascript
用JavaScript实现使用鼠标画线的示例代码
Aug 19 Javascript
解决Angular.Js与Django标签冲突的方案
Dec 20 Javascript
js实现二级导航功能
Mar 03 Javascript
微信小程序 wx.login解密出现乱码的问题解决办法
Mar 10 Javascript
详解Vue路由开启keep-alive时的注意点
Jun 20 Javascript
input输入框内容实时监测(附代码)
Aug 15 Javascript
JS实现数组的增删改查操作示例
Aug 29 Javascript
JavaScript实现图片的放大缩小及拖拽功能示例
May 14 Javascript
javascript导出csv文件(excel)的方法示例
Aug 25 Javascript
JQuery 实现文件下载的常用方法分析
Oct 29 jQuery
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过滤所有恶意字符(批量过滤post,get敏感数据)
2014/03/18 PHP
Thinkphp框架中D方法与M方法的区别
2016/12/23 PHP
Yii2中简单的场景使用介绍
2017/06/02 PHP
PHP使用openssl扩展实现加解密方法示例
2020/02/20 PHP
ExtJs 表单提交登陆实现代码
2010/08/19 Javascript
JS自动适应的图片弹窗实例
2013/06/29 Javascript
Angularjs注入拦截器实现Loading效果
2015/12/28 Javascript
jquery  实现轮播图详解及实例代码
2016/10/12 Javascript
javascript工厂模式和构造函数模式创建对象方法解析
2016/12/30 Javascript
详解前端构建工具gulpjs的使用介绍及技巧
2017/01/19 Javascript
ReactNative实现图片上传功能的示例代码
2017/07/11 Javascript
JavaScript中正则表达式判断匹配规则及常用方法
2017/08/03 Javascript
Node.js 利用cheerio制作简单的网页爬虫示例
2018/03/01 Javascript
JS实现简单的星期格式转换功能示例
2018/07/23 Javascript
vue 实现Web端的定位功能 获取经纬度
2019/08/08 Javascript
原生js实现点击按钮复制内容到剪切板
2020/11/19 Javascript
[03:47]2015国际邀请赛第三日现场精彩回顾
2015/08/08 DOTA
Python中bisect的用法
2014/09/23 Python
使用Python生成url短链接的方法
2015/05/04 Python
python遍历 truple list dictionary的几种方法总结
2016/09/11 Python
Python实现基于PIL和tesseract的验证码识别功能示例
2018/07/11 Python
配置 Pycharm 默认 Test runner 的图文教程
2018/11/30 Python
Python登录系统界面实现详解
2019/06/25 Python
简单了解python的break、continue、pass
2019/07/08 Python
实例代码讲解Python 线程池
2020/08/24 Python
HTML5 背景的显示区域实现
2020/07/09 HTML / CSS
自荐信格式的六要素
2013/09/21 职场文书
开办大学饮食联盟创业计划书
2014/01/29 职场文书
计算机专业应届生求职信
2014/04/06 职场文书
个人简历自我评价怎么写
2015/03/10 职场文书
数学复习课教学反思
2016/02/18 职场文书
2019年暑期法院实习报告
2019/12/18 职场文书
Redis基于Bitmap实现用户签到功能
2021/06/20 Redis
Java spring单点登录系统
2021/09/04 Java/Android
python ConfigParser库的使用及遇到的坑
2022/02/12 Python
React如何使用axios请求数据并把数据渲染到组件
2022/08/05 Javascript