WEB前端：ES6（3）：解构赋值、解构应用

最新推荐文章于 2022-07-13 22:07:31 发布

hahahafree

最新推荐文章于 2022-07-13 22:07:31 发布

阅读量266

点赞数

分类专栏： ES6 文章标签： ES6

本文链接：https://blog.csdn.net/weixin_43731793/article/details/103003293

版权

ES6 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

解构赋值

// 解构赋值
// let arr = [1, 2, 3];
// let a = arr[0];
// let b = arr[1];
// let c = arr[2];
// console.log(a, b, c);


// 数组的结构赋值
// let [a, b, c] = [1, 2, 3]; 
// console.log(a, b, c);


// 对象的解构赋值 
// :可以起个别名 
// =表示默认值
// let {
//     name: userName,
//     sex,
//     age = 18
// } = {
//     name: "along",
//     sex: "M",
//     age: 30
// };
// console.log(userName, age);

let [arr, str, obj] = [
    [2, 4, 6], "hello word", { city: "beijing", address: "北三环" }
]
console.log(arr);
console.log(str);
console.log(obj);

在这里插入图片描述

let [
    [num1, num2, num3], str, { city }
] = [
    [2, 4, 6], "hello word", { city: "beijing", address: "北三环" }
]
console.log(num3);
console.log(str);
console.log(city);

在这里插入图片描述

let [
    [, , num3], str, { city }
] = [
    [2, 4, 6], "hello word", { city: "beijing", address: "北三环" }
]
console.log(num3);
console.log(str);
console.log(city);

在这里插入图片描述

// 解构应用
function ajax({
    url = new Error(),
    method = "get",//默认值
    data = {}
}) {
    console.log(method);
}

ajax({
    url: "",
    method: "post"
});