函数的使用、扩展运算符

6.21

函数的使用

function fn(name){
var a = name || 'zs'
console.log(a);  
}
fn('ls')  //ls
fn('')  //zs
fn(true) //true
fn(false)  //zs
fn(null) //zs
fn(undefined) //zs
fn(0) //zs
fn({id : 1}) //{id : 1}
fn([1,2]) //[1,2]

//参数赋初值
function fn_1(name = 'zs'){
console.log(name);
}
 fn_1()
 fn_1('ls')  //ls

//剩余参数
function fn_2(x,...rest){
   console.log(x);
   console.log(arguments[1]); //内置对象
   console.log(rest);    //打印[2,3,4,5]
 }
fn_2(1,2,3,4,5)

扩展运算符

// 1、遍历数组
    let arr = [1, 2, 3, 4, 5]
    console.log(...arr);
// 2、当作数组中的元素
    let arr_1 = [...arr, 6, 7, ...arr]
    console.log(arr_1);
// 数组浅拷贝  拷贝地址
    let arr_2 = arr
    arr_2[0] = 9
    console.log(arr)
    console.log(arr_2);
// 3、数组深拷贝 拷贝值
    let arr_3 = [...arr]
    arr_3[0] = 6
    console.log(arr);
    console.log(arr_3);
// 4、与解构赋值连用
    var arr_4 = ['y','z','m','n']
    var [x,...arr_4] = arr
    let[x,y,z,m,n] = [...arr]
    console.log(x,y,z,m,n);
    console.log(arr_4);
// 5、当作函数中的参数
    var arr_5 = [1,2,3]
    function fn(x,y,z){
        console.log(x,y,z);
    }
    fn(...arr_5)
// 6、将伪数组转化成真正的数组
    var str = '将伪数组转化成真正的数组'
    console.log([...str]);

// 对象的使用
    var obj = {
        a:1,
        b:2,
        c:3
    }
// 1、遍历对象  对象深拷贝
    console.log({...obj});
    var obj_1 = {...obj}
    obj_1.a = 7
    console.log(obj);
    console.log(obj_1);
// 2、合并对象
    var obj = {
        a:1,
        b:2,
        c:3
    }
    var obj_1 = {
        a:4,
        e:8,
        ...obj,
    }
    console.log(obj_1);  //{a:1,e:8,b:2,c:3}