ES6学习（5）

1. 设置函数参数的默认值

function add(a,b,c=10) {
   
    return a + b + c;
}
let result = add(1,2);
console.log(result); // 13
// 与结构赋值的结合使用
function connect({
   host="127.0.0.1", username,password, port}){
   
    console.log(host)
    console.log(username)
    console.log(password)
    console.log(port)
}
connect({
   
    host: 'atguigu.com',
    username: 'root',
    password: 'root',
    port: 3306
})

        

          
        
        
        

          

          AI 代码解读
        
      
      

1. rest参数：用来获取函数的实参，用于代替arguments,arguments是一个伪数组，而rest是一个数组，这样可以更灵活的操作。rest参数必须放到最后。

   // ES6的rest参数...args，rest参数必须放在最后面
   function data(...args){
        
    console.log(args); 
   }
   data("大哥","二哥","三哥","四哥");
   
           
   
             
           
           
           
   
             
   
             AI 代码解读
           
         
         

2. 扩展运算符
   ... 扩展运算符能将数组转换为逗号分隔的参数序列
   用途：数组的合并，数组克隆（浅拷贝)，伪数组转为数组
   扩展运算符只能用于数组，不适用于对象，也就是说，...obj，这样写是会报错的。但是{...obj}是可以使用的，相当于克隆对象，是一层的浅克隆，嵌套比较深就不行。