小議Function.apply() 之一------(函數(shù)的劫持與對象的復(fù)制)
更新時間：2006年11月30日 00:00:00 作者：
關(guān)于對象的繼承，一般的做法是用復(fù)制法： Object.extend
見protpotype.js 的實現(xiàn)方法:
除此以外，還有一種不太常見的方法： Function.apply.
apply 方法能劫持(<<Ajax in Action>> 書中用到"劫持"一語，很生動啊)另外一個對象的方法，
繼承另外一個對象的屬性。
示范代碼如下：
Apply示范代碼
所有屬性。 在 Print.apply(this,arguments) 后就自動得到了 show() 方法。
本文，作為拋磚引玉，只對 apply 的用法(在對象繼承和函數(shù)劫持方面)做個小示范，其他更深入的應(yīng)用要
靠大家慢慢去領(lǐng)會了。
見protpotype.js 的實現(xiàn)方法:
復(fù)制代碼 代碼如下:
Object.extend = function(destination, source) {
for (property in source) {
destination[property] = source[property];
}
return destination;
}
for (property in source) {
destination[property] = source[property];
}
return destination;
}
除此以外，還有一種不太常見的方法： Function.apply.
apply 方法能劫持(<<Ajax in Action>> 書中用到"劫持"一語，很生動啊)另外一個對象的方法，
繼承另外一個對象的屬性。
示范代碼如下：
Apply示范代碼
復(fù)制代碼 代碼如下:
<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){ //學(xué)生類
Person.apply(this,arguments)
Print.apply(this,arguments)
this.grade=grade //年級
this.school=school //學(xué)校
}
var p1=new Person("jake",10)
p1.sayhello()
var s1=new Student("tom",13,6,"清華小學(xué)")
s1.show()
s1.sayhello()
alert(s1.funcName)
</script>
學(xué)生類本來不具備任何方法，但是在 Person.apply(this,arguments) 后，他就具備了 Person類的sayhello方法和 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){ //學(xué)生類
Person.apply(this,arguments)
Print.apply(this,arguments)
this.grade=grade //年級
this.school=school //學(xué)校
}
var p1=new Person("jake",10)
p1.sayhello()
var s1=new Student("tom",13,6,"清華小學(xué)")
s1.show()
s1.sayhello()
alert(s1.funcName)
</script>
所有屬性。 在 Print.apply(this,arguments) 后就自動得到了 show() 方法。
本文，作為拋磚引玉，只對 apply 的用法(在對象繼承和函數(shù)劫持方面)做個小示范，其他更深入的應(yīng)用要
靠大家慢慢去領(lǐng)會了。
相關(guān)文章
layer.confirm()右邊按鈕實現(xiàn)href的例子
今天小編就為大家分享一篇layer.confirm()右邊按鈕實現(xiàn)href的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
利用js來實現(xiàn)縮略語列表、文獻來源鏈接和快捷鍵列表
本文主要對利用js來實現(xiàn)縮略語列表、文獻來源鏈接和快捷鍵列表的方法進行詳細(xì)分析介紹。具有很好的參考價值，需要的朋友一起來看下吧2016-12-12
ajax如何實現(xiàn)頁面局部跳轉(zhuǎn)與結(jié)果返回
AJAX即“Asynchronous Javascript And XML”（異步JavaScript和XML），是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)，通過在后臺與服務(wù)器進行少量數(shù)據(jù)交換，AJAX 可以使網(wǎng)頁實現(xiàn)異步更新，本篇文章給大家介紹ajax如何實現(xiàn)頁面局部跳轉(zhuǎn)與結(jié)果返回，感興趣的朋友一起來學(xué)習(xí)2015-08-08
在本篇文章里小編給大家分享了關(guān)于JavaScript禁用右鍵單擊優(yōu)缺點分析，有需要的朋友們學(xué)習(xí)下。2019-01-01
前端很多場景都會涉及到對時間的處理,我所用得最多的庫是moment,下面這篇文章主要給大家介紹了關(guān)于如何利用moment處理時間戳并計算時間的差值的相關(guān)資料,需要的朋友可以參考下2022-04-04
js實現(xiàn)for循環(huán)跳過undefined值示例
這篇文章主要介紹了js實現(xiàn)for循環(huán)跳過undefined值,結(jié)合實例形式分析了js使用for循環(huán)針對數(shù)組的遍歷、判斷、運算等相關(guān)操作技巧,需要的朋友可以參考下2019-07-07
搞數(shù)據(jù)展示,很多朋友都會用到免費的echarts,下面這篇文章主要給大家介紹了關(guān)于echarts控制x軸和y軸name位置并加軸箭頭的相關(guān)資料,需要的朋友可以參考下2024-01-01
這篇文章主要為大家詳細(xì)介紹了三步實現(xiàn)ionic3點擊退出app程序，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-09-09
javascript內(nèi)置對象Date案例總結(jié)分析
今天總結(jié)javascript內(nèi)置對象Date的使用，并且寫一個重要的網(wǎng)頁倒計時的核心算法案例，有需要的朋友可以借鑒參考下希望能夠有所幫助，祝大家多多進步2022-03-03
Web componentd組件內(nèi)部事件回調(diào)及痛點剖析
這篇文章主要為大家介紹了Web componentd組件內(nèi)部事件回調(diào)示例及其痛點的剖析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2021-11-11