快捷導(dǎo)航

JavaScript中神奇的call()方法

更新時(shí)間：2015年03月12日 10:28:41 投稿：junjie

這篇文章主要介紹了JavaScript中神奇的call()方法,本文用淺顯的語言幫助你加深理解call()方法,需要的朋友可以參考下

先看看關(guān)于call()的官方解釋，“調(diào)用一個(gè)對象的一個(gè)方法，以另一個(gè)對象替換當(dāng)前對象。”，看了這樣的解釋，或許讓你更摸不著頭腦了。看例子：

var x = "我是全局變量";　　　　//定義全局變量x

function a(){　　　　　　　　　//定義函數(shù)類結(jié)構(gòu)a　　

    this.x = "我是在函數(shù)類結(jié)構(gòu)a中聲明的哦";    

}

//定義普通函數(shù)，彈出當(dāng)前指針?biāo)淖兞縳的值

function f(){       

    alert (this.x);

}

//返回值為“我是在函數(shù)類結(jié)構(gòu)a中聲明的哦”

f.call(new a());

我的理解是，f.call(new a())就是把函數(shù)（其實(shí)也是對象）f復(fù)制到被調(diào)用對象“new a()”下面去解析，事實(shí)上和下面這段代碼的解析結(jié)果一樣：

復(fù)制代碼代碼如下:

function a(){

　　this.x = "我是在函數(shù)類結(jié)構(gòu)a中聲明的哦";

　　alert(this.x);    

}

a();

只不過此時(shí)變量X的作用域不同而已，咿…看起來好像有點(diǎn)繼承的味道哦，難道不是嗎？在上例中,f完全被構(gòu)造函數(shù)a的實(shí)力對象繼承了，如果說這還不足以說明a.call(b)是一種繼承模式，那么再看一個(gè)更具有繼承味道的用法吧。

復(fù)制代碼代碼如下:

function f(){    

    this.a ="a";    

    this.b = function(){    

        alert("b");

    }

}

function e(){    

    f.call(this);     

}

var c = new e();

alert(c.a);  //彈出a

c.b();    //彈出b

在這個(gè)例子中，只要會(huì)使用瀏覽器的朋友，都能看得出來e完全繼承了f的屬性和方法，否則是無法解釋的，因?yàn)樵趀中并沒有定義屬性a和b，那么按常理推斷在e的實(shí)例對象c中，并不會(huì)出現(xiàn)這兩個(gè)屬性。

您可能感興趣的文章:

相關(guān)文章

利用JavaScript實(shí)現(xiàn)網(wǎng)頁版2048小游戲
這篇文章主要介紹了如何利用HTML+CSS+JS編寫一個(gè)網(wǎng)頁版的2048小游戲,代碼簡單易懂對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-11-11
js實(shí)現(xiàn)ajax的用戶簡單登入功能
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)ajax的用戶簡單登入功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-06-06
JavaScript實(shí)現(xiàn)異步獲取表單數(shù)據(jù)
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)異步獲取表單數(shù)據(jù)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-05-05
webpack圖片轉(zhuǎn)為base64的實(shí)現(xiàn)示例
在開發(fā)過程中,圖片轉(zhuǎn)成base64是常有的事,本文主要介紹了webpack圖片轉(zhuǎn)為base64的實(shí)現(xiàn)示例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-12-12
js彈出窗口返回值的簡單實(shí)例
下面小編就為大家?guī)硪黄猨s彈出窗口返回值的簡單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-05-05
javascript 事件處理、鼠標(biāo)拖動(dòng)效果實(shí)現(xiàn)方法詳解
在經(jīng)歷了漫長的時(shí)期，終于下定了決心自己寫一個(gè)層的拖動(dòng)。當(dāng)然了，其它的拖動(dòng)也是這樣的思路和做法，或者說，這樣的拖動(dòng)適合所有的可見元素
2012-05-05
推薦閱讀的js快速判斷IE瀏覽器(兼容IE10與IE11)
這篇文章主要介紹了推薦閱讀的js快速判斷IE瀏覽器(兼容IE10與IE11),因?yàn)閕e11取消了很多低版本的判斷，很多js都需要修改了，這里簡單介紹下需要的朋友可以參考下
2015-12-12
JavaScript面向?qū)ο笾薪涌趯?shí)現(xiàn)方法詳解
這篇文章主要介紹了JavaScript面向?qū)ο笾薪涌趯?shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了javascript面向?qū)ο蠼涌诘母拍?、?shí)現(xiàn)方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下
2019-07-07
ASP.NET jquery ajax傳遞參數(shù)的實(shí)例
下面小編就為大家?guī)硪黄狝SP.NET jquery ajax傳遞參數(shù)的實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-11-11
JS+CSS模擬可以無刷新顯示內(nèi)容的留言板實(shí)例
這篇文章主要介紹了JS+CSS模擬可以無刷新顯示內(nèi)容的留言板,涉及javascript操作dom元素、鼠標(biāo)事件及css樣式的技巧,需要的朋友可以參考下
2015-03-03