当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 小议Function.apply() 之一------(函数的劫持与对象的复制)

Javascript
一个qq菜单效果
一个用js实现过滤重复字符的函数
javascript 一个自定义长度的文本自动换行的函数
用js实现的一个根据内容自动生成表格的函数
图片格式的JavaScript和CSS速查手册
关于恒等于(===)和非恒等于(!==)
fix-ie5.js扩展在IE5下不能使用的几个方法
javascript实现上传图片前的预览(TX的面试题)
lib.utf.js
可以把编码转换成 gb2312编码lib.UTF8toGB2312.js
真见识了-全代码编写的图片
ASP中用Join和Array,可以加快字符连接速度的代码
javascript之弹出窗口居中的代码
识别操作系统是不是vista的js代码
js自动滑动+鼠标滑动区域
LBS blog sql注射漏洞[All version]-官方已有补丁
有一段有意思的代码-javascript现实多行信息
javascript在一段文字中的光标处插入其他文字
Google韩国首页图标动画效果
新发现原来documenet.URL也可以实现页面跳转

Javascript 中的 小议Function.apply() 之一------(函数的劫持与对象的复制)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 209 ::
收藏到网摘: n/a

关于对象的继承,一般的做法是用复制法: Object.extend
见protpotype.js 的实现方法:
复制代码 代码如下:
Object.extend = function(destination, source) {
for (property in source) {
destination[property] = source[property];
}
return destination;
}

除此以外,还有一种不太常见的方法: Function.apply.
apply 方法能劫持(<<Ajax in Action>> 书中用到"劫持"一语,很生动啊)另外一个对象的方法,
继承另外一个对象的属性。
示范代码如下:
Apply示范代码
复制代码 代码如下:
<script>
function Person(name,age){ //定义一个类,人类
this.name=name //名字
this.age=age //年龄
this.sayhello=function(){alert("hello")}
}
function Print(){ //显示类的属性
this.funcName="Print"
this.show=function(){
var msg=[]
for(var key in this){
if (typeof(this[key])!="function") msg.push([key,":",this[key]].join(""))
}
alert(msg.join("\n"))
}
}
function Student(name,age,grade,school){ //学生类
Person.apply(this,arguments)
Print.apply(this,arguments)
this.grade=grade //年级
this.school=school //学校
}
var p1=new Person("jake",10)
p1.sayhello()
var s1=new Student("tom",13,6,"清华小学")
s1.show()
s1.sayhello()
alert(s1.funcName)
</script>
学生类本来不具备任何方法,但是在 Person.apply(this,arguments) 后,他就具备了 Person类的sayhello方法和
所有属性。 在 Print.apply(this,arguments) 后就自动得到了 show() 方法。

本文,作为抛砖引玉,只对 apply 的用法(在对象继承和函数劫持方面)做个小示范,其他更深入的应用要
靠大家慢慢去领会了。