扩展运算符、箭头函数

DDD何

于 2021-08-16 23:51:22 发布

阅读量133

点赞数

本文链接：https://blog.csdn.net/a15800585396/article/details/119744649

版权

本文介绍了JavaScript中的扩展运算符和箭头函数的使用。扩展运算符允许我们将数组作为参数传递给函数，如Math.max()，而箭头函数提供了一种简洁的定义函数的方式。示例中展示了如何使用扩展运算符比较数组中的最大值，以及箭头函数的基本语法，包括带有和不带参数括号的情况，以及自调用函数的实现。

摘要由CSDN通过智能技术生成

1.扩展运算符

如果我们想比较两个数的大小；可以用Math.Max()函数进行操作，若我们想要比较两个函数的大小，是否也能用改函数进行操作呢？

答案是不可以！

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        var arr=[1,2,5,3,990]
       console.log(Math.max(arr))
    </script>
</head>
<body>
    
</body>
</html>

Math比较的数字，而arr是个数组对象，不可能进行比较的；此处可以用到apply；将arr作为附加在后面的数组就可以实现比较

console.log(Math.max.apply(null,arr))

同时用扩展运算符也可以实现该功能：

console.log(Math.max(...arr))

与剩余参数不同此处...是将数组中的数拆分，成为独立的值

2.箭头函数

就是es6一种将function函数简写的方法

function（）{} 类似于（）={}

 <script>
        let a =(b)=>{
            return b+10
        }
        console.log(a(10))
    </script>

或者可以将返回的值直接写在=>后面相当于return

let a =(b)=>b+10
        console.log(a(10))

注意如果没有参数括号要保留！！！

let a =（）=>10
        console.log()

同理自调用函数也可以用在这里

     var a=(()=>{
            console.log('xx')
        })();

DDD何

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
扩展运算符、箭头函数

1.扩展运算符如果我们想比较两个数的大小；可以用Math.Max()函数进行操作，若我们想要比较两个函数的大小，是否也能用改函数进行操作呢？答案是不可以！<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> ...
复制链接

扫一扫