ES6系列笔记-参数

简介: ES6系列笔记-参数

1:参数的展开和扩展

function show(a,b,...args){
console.log(a);
console.log(b);
console.log(args);
}
show(12,13,44,7,3,55);

打印结果如下:


    // 注意
    // 1:收集剩余的参数,args数组名称可以自己命名
    // 2:必须放在最后一个位置

2:展开一个数组,展开后的效果和把数组直接写出来是一样的

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script>
        //2:展开一个数组,展开后的效果和把数组直接写出来是一样的
        let arr1 = [1, 2, 3, 4];
        let arr2 = [5, 6, 7]
        let arr = [...arr1, ...arr2];
        // let  arr=[1,2,3,4,5,6,7];
        console.log(arr);
    </script>
</html>

打印结果如下:


3:参数的扩展和数组展开

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script>
        //参数的扩展和数组展开
        //把参数收集起来,展开给fn
        function show(...args) { //...args接收到 11,3
            fn(...args);
        }
        function fn(a, b) {
            console.log(a + b);
        }
        show(11, 3); //14
    </script>
</html>

打印结果如下:


4:默认参数,传参就显示传的参数,不传参就显示默认的参数

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script>
        //默认参数,传参就显示传的参数,不传参就显示默认的参数
        function show(a, b = 4, c = 44) {
            console.log(a, b, c);
        }
        show(11);
        show(11, 32, 1);
    </script>
</html>

打印结果如下:


相关文章
|
1月前
|
JavaScript
js开发:请解释什么是ES6的默认参数(default parameters),并给出一个示例。
ES6允许在函数参数中设置默认值,如`function greet(name = &#39;World&#39;) {...}`。当调用函数不传入`name`参数时,它将默认为&#39;World&#39;,提升代码简洁性和可读性。例如:`greet()`输出&quot;Hello, World!&quot;,`greet(&#39;Alice&#39;)`输出&quot;Hello, Alice!&quot;。
19 4
|
6月前
|
JavaScript 前端开发
ES6学习(四)—字符串的新增方法
ES6学习(四)—字符串的新增方法
|
7月前
|
JavaScript
ES6的基础用法
对js es6的用法进行简单介绍
|
10月前
|
前端开发
es6 语法简单使用2
es6 语法简单使用
46 0
|
10月前
|
网络架构
es6 语法简单使用1
es6 语法简单使用
56 0
|
11月前
|
前端开发
每天3分钟,重学ES6-ES12(七)ES10 新增内容
每天3分钟,重学ES6-ES12(七)ES10 新增内容
71 0
|
JavaScript 前端开发
每天3分钟,重学ES6-ES12(六)ES7 ES8 新增内容
每天3分钟,重学ES6-ES12(六)ES7 ES8 新增内容
101 0
|
JavaScript 前端开发 Java
每天3分钟,重学ES6-ES12(八)ES11 ES12新增内容
每天3分钟,重学ES6-ES12(八)ES11 ES12新增内容
82 0