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

Javascript
mvc模式分离javascript开发
30个美观的有创意的和引人注目的灵感导航菜单
JS教程:匿名函数
JS教程:childNodes与parentNode
IE浏览器的DOM模型
使用yui3实现最简单拖动
YUI的简单的dom事件
JS区别IE6、IE7、IE8之间的方法
JavaScript教程:Table行定位效果
建立HTML字符串的最快速方法
10个美观实用的jQuery和MooTool日历插件
JS教程:Javascript实现缓动效果
Javascript小游戏贪吃蛇(详细注释)
JavaScript组件开发:分析和设计组件
JavaScript:判断iframe是否加载完成的完美方法
JS特效详解:图片幻灯片切换
JS给文本区域(textarea)字数限制
用js按比例重定图片尺寸
不用组件实现Ajax效果
PHP+JS实现搜索自动提示

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


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