首頁 > web前端 > js教程 > 主體

apply和Math.max()函數使用與區別

php中世界最好的语言
發布: 2018-05-03 10:37:11
原創
1219 人瀏覽過

這次帶給大家apply和Math.max()函數使用與區別,apply和Math.max()函數使用與區別的注意事項有哪些,下面就是實戰案例,一起來看一下。

下面要跟大家介紹js中apply和Math.max()函數的問題,具體內容如下:

var arr=[1,3,6,3,7,9,2];
console.log(Math.max.apply(null,arr));
登入後複製

一直搞不懂為什麼這樣可以算出一個陣列的最大值?一直想不明白,請js高手指教一下。

答案1

Function.apply()是JS的一個OOP特性,一般用來模擬繼承和擴充this的用途,對於上面這段程式碼,可以這樣去理解:

XXX.apply是一個呼叫函數的方法,其參數為:apply(Function, Args),

Function為要呼叫的方法,Args是參數列表,當Function為null時,預設為上文,

Math.max.apply(null, arr)
登入後複製

可認為是

apply(Math.max, arr)
登入後複製

然後,arr是一個參數列表,對於max方法,其參數是若干個數,即

Math.max(a, b, c, d, ...)
登入後複製
登入後複製

當使用apply時,把所有參數加入到一個數組中,即

arr = [a, b, c, d, ...]
登入後複製

代入到原式,

Math.max.apply(null, [a, b, c, d, ...])
登入後複製

實際上等同於

Math.max(a, b, c, d, ...)
登入後複製
登入後複製

在此處,使用apply的優點是在部分JS引擎中提升效能。

答案2

Math.max()方法,支援傳遞多個參數,例如: Math.max(1,4,2,3,7,5,6)

但是它不支援直接傳遞一個陣列作為參數,例如:Math.max(new Array( 1,4,2,3,7,5,6))

這裡,只要我們有方法把數組,一個一個分開來,傳遞到Math.max()方法中,就實作了傳遞數組的方法。

所有函數都有apply(作用域鏈,參數)這個方法,這個函數的“參數”,接收一個數組,並且是將數組中的每個值,分開來,傳遞給調

補充:

Javascript中Math.max.apply與Math.max的差異

Javascript中的Math.max方法可以求出給定參數中最大的數。

> Math.max('1','2','3.1','3.2')
< 3.2
> Math.min(1,0,-1)
< -1
登入後複製

但如果是數組,就不能這樣呼叫了。

此時就用到了apply方法:

apply 方法 (Function) (JavaScript)
调用函数,并用指定对象替换函数的 this 值,同时用指定数组替换函数的参数。
apply([thisObj[,argArray]])
thisObj
  可选。 要用作 this 对象的对象。
argArray
登入後複製

  可選。要傳遞到函數的一組參數。
巧妙地讓陣列也可以呼叫Math.max和Math.min。

> Math.max.apply(null, ['1','2','3.1','3.2'])
< 3.2
> Math.min.apply(null, [1,0,-1])
< -1
登入後複製

我相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

Vue watch使用詳解

Vue專案中引入icon圖示步驟詳解

以上是apply和Math.max()函數使用與區別的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!