连续解构赋值

最新推荐文章于 2025-03-09 06:10:31 发布

原创最新推荐文章于 2025-03-09 06:10:31 发布 · 1.1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #es6

本文通过一个具体的示例详细介绍了如何在JavaScript中使用连续解构赋值，并且展示了如何进行变量重命名。这对于理解和编写更简洁的代码非常有用。

连续解构赋值并且重新命名！

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
    <script>
        let obj = {
            a:{
                b:{c:1}
            }
        }
        const {a:{b:{c:data}}} = obj; // 连续解构复制并且重命名
        console.log(data);
    </script>
</body>
</html>