您好,登錄后才能下訂單哦!
本文實(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的值沒(méi)有變化,而其余參數(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ì)有所幫助。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。