es6(2)

最新推荐文章于 2024-09-10 09:15:02 发布

花京院嚯

最新推荐文章于 2024-09-10 09:15:02 发布

阅读量85

点赞数 1

分类专栏： ES6 文章标签： es6 javascript vue.js

本文链接：https://blog.csdn.net/m0_62520946/article/details/128577669

版权

ES6 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

const 定义常量

变量的解构赋值

const 定义常量

// 声明常量
        const SCHOOL='尚硅谷';

特点：

1.一定要赋初始值

const A;
//会报错

2.一般常量使用大写（潜规则）

SCHOOL='ATGUIGU';

3.常量的值不能修改

SCHOOL='123'

4.块级作用域

{
            const PLAYER='UZI';
        }
        console.log(PALYER);
//会报错

5.对于数组和对象的元素修改，不算对常量的修改，不会报错

原因：没有对常量地址发生改变

const TEAM=['UZI','111','222','333'];
        TEAM.push('666');

变量的解构赋值

ES6允许一定模式从数组和对象中提取值，对变量进行赋值

1.数组的解构

const F4=['小沈阳','刘能','赵四','宋小宝'];
        let [xiao,liu,zhao,song]=F4;
        console.log(xiao);
        console.log(liu);
        console.log(zhao);
        console.log(song);

2.对象的解构

const zhao1={
            name:'赵本山',
            age:'不详',
            xiaopin:function(){
                console.log("我可以演小品");
            }
        };
        let {name,age,xiaopin}=zhao1;
        console.log(name);
        console.log(age);
        console.log(xiaopin);

用对象解构较多，而且方法能够正常调用

 xiaopin();

就不用写zhao1.xiaopin(),把xiaopin解构出来就好

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,minimal-ui:ios">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>变量的解构赋值</title>
    <link rel="stylesheet" href="">
</head>

<body>
    <script>
        // ES6允许一定模式从数组和对象中提取值，对变量进行赋值
        // 1.数组的解构
        const F4=['小沈阳','刘能','赵四','宋小宝'];
        let [xiao,liu,zhao,song]=F4;
        console.log(xiao);
        console.log(liu);
        console.log(zhao);
        console.log(song);
        // 2.对象的解构
        const zhao1={
            name:'赵本山',
            age:'不详',
            xiaopin:function(){
                console.log("我可以演小品");
            }
        };
        let {name,age,xiaopin}=zhao1;
        console.log(name);
        console.log(age);
        console.log(xiaopin);

        // 方法能够正常调用
        // 就不用写zhao1.xiaopin(),把xiaopin解构出来就好
        xiaopin();
    </script>
</body>

</html>

花京院嚯

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
es6(2)

/ 声明常量const SCHOOL='尚硅谷';特点：1.一定要赋初始值const A;//会报错2.一般常量使用大写（潜规则）3.常量的值不能修改4.块级作用域//会报错5.对于数组和对象的元素修改，不算对常量的修改，不会报错原因：没有对常量地址发生改变。
复制链接

扫一扫

专栏目录