ES6-ES13学习笔记（2.0）

mez_Blog

于 2023-05-31 16:15:38 发布

阅读量676

点赞数 1

分类专栏： ECMA 前端 mez_Blog的专栏文章标签： es6 es13 学习前端笔记

本文链接：https://blog.csdn.net/mez_Blog/article/details/130970306

版权

mez_Blog的专栏同时被 3 个专栏收录

119 篇文章 6 订阅

订阅专栏

前端

49 篇文章 0 订阅

订阅专栏

ECMA

6 篇文章 0 订阅

订阅专栏

ES6--变量解构

<!--
 * @Author: RealRoad1083425287@qq.com
 * @Date: 2023-05-31 15:31:44
 * @LastEditors: Mei
 * @LastEditTime: 2023-05-31 15:42:47
 * @FilePath: \vscode\ECMA\03\01.HTML
 * @Description: 
 * 
 * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved. 
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        let arr=[1,2,3]
        // console.log(arr[1])
        //数值解构赋值
        // let [a,b,c] =arr

        // let x=1;
        // let y=2;
        // [y,x]=[x,y]
        // console.log(x,y)
        // let [,,a]=arr
        // console.log(a)
        
        // let arr2=[1,[2,3,4],5,6]
        // let [x,[m,n,y],z]=arr2;
        // console.log(m,n,y)



        let [x=1]=[100]
        console.log(x)
    </script>
</body>
</html>

let [a,b,c]=arr 的运行结果，在控制台输入a,b,c对应的输出

这里是在不设置第三个变量的情况下，将两个变量的值进行交换。 [y,x]=[x,y]

有嵌套的情况下，输出嵌套数值[m,n,y]

<!--
 * @Author: RealRoad1083425287@qq.com
 * @Date: 2023-05-31 15:44:05
 * @LastEditors: Mei
 * @LastEditTime: 2023-05-31 15:52:36
 * @FilePath: \vscode\ECMA\03\02.html
 * @Description: 
 * 
 * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved. 
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // let obj={
        //     name:"mez",
        //     age:100
        // }

        // let {name,age}=obj
        // console.log(name)
        let code="abcd"
        let res={
            code:200,
            data:{
                list:["aaa","b","c"]
            }
        }
        let {data:{list:[x,y,z]},code:code2,err="404"}=res;
        console.log(code2,err,z)

    </script>
</body>
</html>

date："111"的输出

console.log(name)的输出

连同age的输出

其中，code:code2是将code重命名为code2:，防止外面的全局变量冲突。z是列表最后一个值的输出。

<!--
 * @Author: RealRoad1083425287@qq.com
 * @Date: 2023-05-31 15:53:57
 * @LastEditors: Mei
 * @LastEditTime: 2023-05-31 15:58:39
 * @FilePath: \vscode\ECMA\03\03.html
 * @Description: 
 * 
 * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved. 
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        function getData(){
            let res={
                code:200,
                data:{
                    list:["aaa","bbb","ccc"]
                }
            }

            test(res)
        }

        function test({code,data:{list}}){
            console.log(code,list)

        }
        getData()
    </script>
</body>
</html>

对字符串进行解构

<!--
 * @Author: RealRoad1083425287@qq.com
 * @Date: 2023-05-31 15:59:15
 * @LastEditors: Mei
 * @LastEditTime: 2023-05-31 16:00:21
 * @FilePath: \vscode\ECMA\03\04.html
 * @Description: 
 * 
 * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved. 
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //对字符串进行解构
        let myname="kunkun"
        let [x,y,z]=myname
        console.log(x,y,z)

        let{length:len}=myname
        console.log(len)
    </script>
</body>
</html>

mez_Blog

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
ES6-ES13学习笔记（2.0）

其中，code:code2是将code重命名为code2:，防止外面的全局变量冲突。z是列表最后一个值的输出。这里是在不设置第三个变量的情况下，将两个变量的值进行交换。[y,x]=[x,y]let [a,b,c]=arr 的运行结果，在控制台输入a,b,c对应的输出。有嵌套的情况下，输出嵌套数值[m,n,y]console.log(name)的输出。date："111"的输出。
复制链接

扫一扫