溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

js中apply()和call()的區別與用法實例分析

發布時間:2020-10-11 08:06:05 來源:腳本之家 閱讀:185 作者:sMoom 欄目:web開發

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

每個函數都包括兩個非繼承而來的方法:apply()call()。兩者用途都是在特定的作用域中調用函數,等于重新設置了函數體內this對象的值。

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

如果要傳入的是數組或arguments對象,apply會更方便。

可以看到apply()call()可以傳遞參數。更有用的是,兩者還可以擴充函數運行的作用域:

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代碼運行工具:http://tools.jb51.net/code/HtmlJsRun,測試運行結果如下:

js中apply()和call()的區別與用法實例分析

一個重要的用法:

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代碼運行工具:http://tools.jb51.net/code/HtmlJsRun,測試運行結果如下:

js中apply()和call()的區別與用法實例分析

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

此外還有bind()方法會創建一個函數的實例,其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代碼運行工具:http://tools.jb51.net/code/HtmlJsRun,測試運行結果如下:

js中apply()和call()的區別與用法實例分析

更多關于JavaScript相關內容感興趣的讀者可查看本站專題:《javascript面向對象入門教程》、《JavaScript常用函數技巧匯總》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》

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

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女