js中apply()和call()的區(qū)別與用法實(shí)例分析
本文實(shí)例講述了js中apply()和call()的區(qū)別與用法。分享給大家供大家參考，具體如下：
每個(gè)函數(shù)都包括兩個(gè)非繼承而來(lái)的方法：apply()和call()。兩者用途都是在特定的作用域中調(diào)用函數(shù)，等于重新設(shè)置了函數(shù)體內(nèi)this對(duì)象的值。
兩者區(qū)別僅在于接收參數(shù)方式不同，apply()第一個(gè)參數(shù)是調(diào)用apply的函數(shù)運(yùn)行的作用域，的第二個(gè)參數(shù)可以是Array的實(shí)例(數(shù)組)，也可以是arguments對(duì)象，call()第一個(gè)參數(shù)是this的值沒有變化，而其余參數(shù)都直接傳遞給函數(shù)(也就是逐個(gè)列舉出來(lái))。
如果要傳入的是數(shù)組或arguments對(duì)象，apply會(huì)更方便。
可以看到apply()和call()可以傳遞參數(shù)。更有用的是，兩者還可以擴(kuò)充函數(shù)運(yùn)行的作用域:
var obj = {color:'red'};
window.color = 'blue';
function getcolor(){
console.log(this.color)
};
getcolor.apply(obj); //red
getcolor.apply(window); //blue
getcolor.apply(this); //blue
使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun，測(cè)試運(yùn)行結(jié)果如下：
一個(gè)重要的用法：
var values = [1,2,3,4,5,4,3,2,1]; var max = Math.max.apply(Math,values); console.log(max); //5
使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun，測(cè)試運(yùn)行結(jié)果如下：
這個(gè)實(shí)際上是利用apply()接收數(shù)組，方便了傳參。而apply的第一個(gè)參數(shù)改為null或者空字符串均可。
此外還有bind()方法會(huì)創(chuàng)建一個(gè)函數(shù)的實(shí)例，其this值指向傳給bind()的值：
window.color = 'red';
var o = {color:'blue'};
function sayColor(){
console.log(this.color)
};
var objSayColor = sayColor.bind(o);
objSayColor(); //blue
使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun，測(cè)試運(yùn)行結(jié)果如下：
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《javascript面向?qū)ο笕腴T教程》、《JavaScript常用函數(shù)技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
js正則表達(dá)式中test,exec,match方法的區(qū)別說明
本篇文章主要是對(duì)js正則表達(dá)式中test,exec,match方法的區(qū)別進(jìn)行了介紹，需要的朋友可以過來(lái)參考下，希望對(duì)大家有所幫助2014-01-01
在項(xiàng)目開發(fā)中我們常常會(huì)去監(jiān)聽滾動(dòng)事件或者用戶輸入框驗(yàn)證事件,如果事件處理沒有頻率限制,當(dāng)用戶不斷觸發(fā)事件時(shí),就會(huì)加重瀏覽器的負(fù)擔(dān),影響用戶的體驗(yàn),造成不必要的損失,這篇文章主要給大家介紹了關(guān)于js防抖節(jié)流到底是什么的相關(guān)資料,需要的朋友可以參考下2022-04-04
webpack打包后index.html引用文件地址問題小結(jié)
在前端開發(fā)中,src 屬性指定的相對(duì)路徑是相對(duì)于當(dāng)前 HTML 文件的路徑,而不是相對(duì)于網(wǎng)站的根目錄,這篇文章主要介紹了webpack打包后index.html引用文件地址問題,需要的朋友可以參考下2024-05-05
這篇文章主要介紹了基于Java開發(fā)連連看游戲小程序,連連看是在有限的時(shí)間內(nèi),只要把所有能連接的相同圖案,兩個(gè)一對(duì)地找出來(lái),消除全部就成功了,文中提供了解決思路和部分實(shí)現(xiàn)代碼,需要的朋友可以參考下2023-03-03
微信小程序?qū)崿F(xiàn)長(zhǎng)按拖拽排序功能
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)長(zhǎng)按拖拽排序功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05
利用google提供的API(JavaScript接口)獲取網(wǎng)站訪問者IP地理位置的代碼詳解
利用google提供的API(JavaScript接口)獲取網(wǎng)站訪問者IP地理位置2010-07-07
JS前端框架關(guān)于重構(gòu)的失敗經(jīng)驗(yàn)分享
關(guān)于重構(gòu)JS前端框架的失敗經(jīng)驗(yàn)接下來(lái)與大家分享一下，感興趣的你可不要錯(cuò)過了哈，畢竟是經(jīng)驗(yàn)之談哈2013-03-03
console.log()的作用與實(shí)現(xiàn)方式
這篇文章主要介紹了console.log()的作用與實(shí)現(xiàn)方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-01-01
HTML+JS實(shí)現(xiàn)監(jiān)控切屏功能
這篇文章主要介紹了如何利用HTML和JavaScript實(shí)現(xiàn)監(jiān)控切屏功能，監(jiān)控是否離開當(dāng)前頁(yè)面，文中的示例代碼講解詳細(xì)，需要的可以參考一下2022-03-03
JavaScript Date對(duì)象應(yīng)用實(shí)例分享
這篇文章主要分享了JavaScript Date對(duì)象應(yīng)用實(shí)例，獲取日期時(shí)間，倒計(jì)時(shí)功能實(shí)現(xiàn)，限時(shí)搶購(gòu)活動(dòng)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-10-10