ES6.0中的解构于赋值，初步学习记录学习历程

最新推荐文章于 2024-08-14 11:59:39 发布

不解清风

最新推荐文章于 2024-08-14 11:59:39 发布

阅读量198

点赞数

CC 4.0 BY-SA版权

分类专栏： ES6.0

本文链接：https://blog.youkuaiyun.com/qq_43438095/article/details/85220006

ES6.0 专栏收录该内容

1 篇文章

订阅专栏

本文详细解析了JavaScript中var、let与const的区别，包括变量提升、重名处理及作用域特性。同时，深入探讨了数组与对象的解构赋值，展示了如何通过解构赋值简化代码并提高编程效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先在开始我们要知道一下：

var ：变量提升，变量重名，没有快级作用域，不定义直接使用
let ：没有变量提升，变量不能重名，具有快级作用域，必须定义在使用
const 没有变量提升，变量不可以重名，具有快级作用域，先定义在使用
常量：一旦赋值，不可修改
常量的命名：一般都用大写字母

<script>
//数组解构
let arr = [45, 78, 45];
let [a, b] = arr;
console.log(a);
console.log(b);


// 对象解构
let person = { name:"张三", age:15};
// 属性名必须跟之前的一样
let { name, age} = person;
console.log(name);
console.log(age);
// 可以修改变量
let { name:a, age:b} = person;
console.log("老李"); // a；
console.log(15); // b；



// 函数解构
let person = {
    name:"老王",
    age:15,
    dog:{
        name:"斗牛犬",
        age:2 + "岁"
    }
}
let { dog:{ name:a, age:b} } = person;
console.log(a, b);

</script>

自己学识浅薄，在学习过程中也没有深入的去学习，希望多多努力吧，今天有点晚，匆忙写完就先睡觉了

还是希望如果有大神看到希望指出其中的错误。