本文實(shí)例講述了js中apply()和call()的區(qū)別與用法。分享給大家供大家參考，具體如下：

專注于為中小企業(yè)提供成都網(wǎng)站設(shè)計、做網(wǎng)站、成都外貿(mào)網(wǎng)站建設(shè)公司服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)濟(jì)水街道免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了上1000家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

每個函數(shù)都包括兩個非繼承而來的方法：apply()和call()。兩者用途都是在特定的作用域中調(diào)用函數(shù)，等于重新設(shè)置了函數(shù)體內(nèi)this對象的值。

兩者區(qū)別僅在于接收參數(shù)方式不同，apply()第一個參數(shù)是調(diào)用apply的函數(shù)運(yùn)行的作用域，的第二個參數(shù)可以是Array的實(shí)例(數(shù)組)，也可以是arguments對象，call()第一個參數(shù)是this的值沒有變化，而其余參數(shù)都直接傳遞給函數(shù)(也就是逐個列舉出來)。

如果要傳入的是數(shù)組或arguments對象，apply會更方便。

可以看到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，測試運(yùn)行結(jié)果如下：

一個重要的用法：

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，測試運(yùn)行結(jié)果如下：

這個實(shí)際上是利用apply()接收數(shù)組，方便了傳參。而apply的第一個參數(shù)改為null或者空字符串均可。

此外還有bind()方法會創(chuàng)建一個函數(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，測試運(yùn)行結(jié)果如下：

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《javascript面向?qū)ο笕腴T教程》、《JavaScript常用函數(shù)技巧匯總》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計有所幫助。