文档章节

理顺 JavaScript (16) - 使用 prototype

涂孟超
 涂孟超
发布于 2014/09/26 15:34
字数 270
阅读 11
收藏 0

给对象增减方法
function Rect(w, h) {
  this.width = w;
  this.height = h;
}

var r = new Rect(2, 3);

/* 给 r 对象增加一个计算面积的方法 area() */
r.area = function() {return this.width * this.height};

alert(r.width);  //2
alert(r.height); //3
alert(r.area()); //6

delete r.area; //删除刚刚增加的方法
alert(r.area); //undefined

 
 
 
 
 

 

 

  

给类增减方法
function Rect(w, h) {
  this.width = w;
  this.height = h;
}

var r = new Rect(2, 3);

/* 给 r 对象所属的类增加一个计算面积的方法 area() */
Rect.prototype.area = function() {return this.width * this.height};

alert(r.width);  //2
alert(r.height); //3
alert(r.area()); //6

/* 给类(而不是对象)增加的方法会影响到旗下所有对象 */
var r2 = new Rect(4, 5);
alert(r2.width);  //4
alert(r2.height); //5
alert(r2.area()); //20

delete Rect.prototype.area; //删除刚刚给类增加的方法
alert(r.area);              //undefined

 
 
 
 
 

 

 

  

给其他类增加方法
/* 给 Array 增加一个倒排序的方法 */
Array.prototype.usort = function() {this.sort(); this.reverse()}; //该函数写得太凑合了

var arr = new Array(1,3,2,4,3,5);
arr.sort();
alert(arr); //1,2,3,3,4,5
arr.usort();
alert(arr); //5,4,3,3,2,1

/* 假如给 Object 增加一个方法 */
Object.prototype.msg = function() {alert('我无处不在!');}

var obj = {};
obj.msg(); //我无处不在!

var arr = [];
arr.msg(); //我无处不在!

var str = '';
str.msg(); //我无处不在!

 
 
 
 
 

 

 

  

本文转载自:http://www.cnblogs.com/del/archive/2009/03/04/1402884.html

共有 人打赏支持
涂孟超
粉丝 12
博文 2011
码字总数 14107
作品 0
深圳
程序员
五种方法解决jQuery和Prototype兼容性

第一种情况:先加载Prototype,再加载jQuery 方法一:jQuery 库和它的所有插件都是在jQuery名字空间内的,包括全局变量也是保存在jQuery 名字空间内的。 使用jQuery.noConflict();主要作用是...

zhengguogaun
2013/06/19
0
0
了解javascript编程中的Prototype(原型)

日期:2012-5-16 来源:GBin1.com 当你定义javascript方法的时候,会产生一些预定义的属性,其中一个比较让人迷惑的属性就是prototype。在本文中,我们将详细介绍什么是Prototype,并且为什么...

gbin1
2012/05/22
0
0
jQuery命名冲突解决的五种方案

引言: 最近遇到个问题,同时引用了jquery库和另外一个js库。当用$XX去调用js库函数时,发现失效了!于是找资料,原来是jquery命名冲突了。因为许多JavaScript 库使用$作为函数或变量名,jqu...

龙上
2012/03/30
0
0
美国主流网站所使用的JavaScript框架

作者:Pingdom时间:2008-10-04来自:翻译技术等级: 哪些JavaScript框架是最常见,使用最频繁的? 要回答这个问题,我们对大约200个美国主流网站进行了调研,检查他们是否使用了JavaScript框...

晨曦之光
2012/03/09
0
0
js prototype的理解

prototype属性可算是JavaScript与其他面向对象语言的一大不同之处。prototype就是“一个给类的对象添加方法的方法”,使用prototype属性,可以给类动态地添加方法,以便在JavaScript中实现“...

别人说我名字很长
2014/05/15
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Mac OS X下Maven的安装与配置

Mac OS X 安装Maven: 下载 Maven, 并解压到某个目录。例如/Users/robbie/apache-maven-3.3.3 打开Terminal,输入以下命令,设置Maven classpath $ vi ~/.bash_profile 添加下列两行代码,之后...

TonyStarkSir
今天
3
0
关于编程,你的练习是不是有效的?

最近由于工作及Solution项目的影响,我在重新学习DDD和领域建模的一些知识。然后,我突然就想到了这个问题,以及我是怎么做的? 对于我来说,提升技能的项目会有四种: 纯兴趣驱动的项目。即...

问题终结者
今天
3
0
打开eclipse出现an error has occurred see the log file

解决方法: 1,打开eclipse安装目录下的eclipse.ini文件; 2,打开的文本文件最后添加一行 --add-modules=ALL-SYSTEM 3,保存重新打开Eclipse。...

任梁荣
昨天
4
0
搞定Northwind示例数据库,无论哪个版本的SQLServer都受用

Northwind数据库 从这里可以找到突破口: http://social.msdn.microsoft.com/Forums/zh-CN/Vsexpressvb/thread/8490a1c6-9018-40c9-aafb-df9f79d29cde 下面是MSDN: http://msdn2.microsoft......

QQZZFT
昨天
1
0
mysql主从同步,安装配置操作

准备 两台mysql服务,我这里准备了如下: 主库:192.168.176.128 从库:192.168.176.131 如何在Linux上安装mysql服务,请看https://blog.csdn.net/qq_18860653/article/details/80250499 操作...

小致dad
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部