函数参数的解构赋值

Posted rickdiculous

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了函数参数的解构赋值相关的知识,希望对你有一定的参考价值。

 

 

1、函数参数的解构赋值

            //函数参数的解构赋值
            
            function swap([x,y]){
                return [y,x];
            };
            let arr = [1,2];
            arr = swap(arr);

 

 

2、对象的解构赋值

            //对象的解构赋值
            function Computer({
                cpu,
                memory,
                software = [‘ie6‘],
                OS = ‘windows 3.5‘
            }){
                console.log(cpu);
                console.log(memory);
                console.log(software);
                console.log(OS);
            };
            
            new Computer({
                memory:‘128G‘,
                cpu:‘80286‘,
                OS:‘windows 10‘
            })

 

3、小案例实现

            //小案例实现
            function getUserInfo({
                name,
                sex = ‘女‘,
                age,
                height = ‘160cm‘
            }){
                console.log(name);
                console.log(sex);
                console.log(age);
                console.log(height);
                
            };
            getUserInfo({
                name:‘小花‘,
                age:‘23‘,
                height:‘158cm‘
            })

 

以上是关于函数参数的解构赋值的主要内容,如果未能解决你的问题,请参考以下文章

函数参数的解构赋值

函数参数解构赋值

35.JavaScript对象和数组的解构赋值基础详解let陷阱函数参数解构

ES6 函数参数的解构赋值

ES6解构赋值-函数篇

ES6---解构赋值(数组对象字符串数值和布尔值函数参数)