js中apply和Math.max()函数的问题及区别介绍

 更新时间:2018年03月27日 11:51:07   投稿:mrr  
这篇文章主要介绍了js中apply和Math.max()函数的问题,本文给大家带来两种答案,每一种答案给大家介绍的非常详细,在文章底部给大家提到了js中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

总结

以上所述是小编给大家介绍的js中apply和Math.max()函数的问题及区别介绍,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • uniapp开发小程序的开发规范总结

    uniapp开发小程序的开发规范总结

    uni-app 是一个使用 vue.js 开发跨平台应用的前端框架,下面这篇文章主要给大家介绍了关于uniapp开发小程序的开发规范,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-07-07
  • 如何自己实现JavaScript的new操作符

    如何自己实现JavaScript的new操作符

    new大家肯定都不陌生,单身没有对象的时候就new一个,很方便。那么它在创建实例的时候,具体做了哪些操作呢?今天我们就来一起分析一下。
    2021-04-04
  • 详谈javascript中DOM的基本属性

    详谈javascript中DOM的基本属性

    DOM节点是一个对象,它有着一些属性。其中有些是只读的,有些可以直接进行更改(updated on-the-fly)。今天我们就来具体探讨下DOM的基本属性,希望对大家能有所帮助
    2015-02-02
  • Js 刷新框架页的代码

    Js 刷新框架页的代码

    Js刷新框架页方法,有时候需要控制下框架里面的页面内容的刷新,下面的方法整理的比较详细了,需要的朋友可以参考下。
    2010-04-04
  • JavaScript转换与解析JSON方法实例详解

    JavaScript转换与解析JSON方法实例详解

    这篇文章主要介绍了JavaScript转换与解析JSON方法,实例分析了JavaScript解析json的技巧,并附带分析了jQuery解析与转换json的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-11-11
  • JS三目运算(三元运算)方法详解

    JS三目运算(三元运算)方法详解

    下面小编就为大家带来一篇JS三目运算(三元运算)方法详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-03-03
  • JavaScript实现简单计算器

    JavaScript实现简单计算器

    这篇文章主要为大家详细介绍了JavaScript实现简单计算器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • JS原生手写轮播图效果

    JS原生手写轮播图效果

    这篇文章主要为大家详细介绍了JS原生手写轮播图效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-08-08
  • javascript 防止刷新,后退,关闭

    javascript 防止刷新,后退,关闭

    常常会用到的停留页面的操作.兼容IE,FF.实现代码如下。
    2010-08-08
  • JS 中的类Public,Private 和 Protected详解

    JS 中的类Public,Private 和 Protected详解

    这篇文章主要介绍了JS中的类Public,Private和Protected详解,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-08-08

最新评论