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

Javascript
JavaScript效率调优经验
IE8 兼容性问题(属性名区分大小写)
javascript globalStorage类代码
一些常用的JS功能函数(2009-06-04更新)
js 鼠标点击事件及其它捕获
IE innerHTML,outerHTML所引起的问题
Firefox outerHTML实现代码
JavaScript 封装Ajax传递的数据代码
javascript 手机号码验证是否正确
javascript 冒号 使用说明
javascript 获取链接文件地址中第一个斜线内的正则表达式
JavaScript 回车 焦点切换
javascript 禁止复制网页
图片连续滚动代码[兼容IE/firefox]
犀利的js 函数集合
firefo xml 读写实现js代码
动态刷新 dorado树的js代码
javascript 框架小结 个人工作经验
Javascript 学习书 推荐
javascript getElementByTagName的使用

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 309 ::
收藏到网摘: 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 的用法(在对象继承和函数劫持方面)做个小示范,其他更深入的应用要
靠大家慢慢去领会了。