javascript - - ES6 解构赋值

最新推荐文章于 2024-06-22 23:33:40 发布

Artisan_C

最新推荐文章于 2024-06-22 23:33:40 发布

阅读量547

点赞数

文章标签：脚本语言 js javascript 指针 object

本文链接：https://blog.csdn.net/m0_48486617/article/details/109172393

版权

嗨朋友！感谢光临我的博客
还没上岸的我还在努力之中，本文中理解有错的时候还请您指点
本人也很喜欢爬虫欢迎来到本人的公众号一起交流
公众号：Linux下撸python
能得指点是晚辈荣幸

简单了解一下

ES的全称是ECMAScript，它是由ECMA国际标准化组织制定的一项脚本语言的标准化规范。

let变量以及const常量

在es6使用let声明变量其他跟 es5一致

let 跟 var 区别

快作用域
在大括号中定义的变量就是就是快作用域
不做变量提升
不能重复定义

let num = 10;
let num = 10;

报错

const常量

含义：常量是一个定义之后就不在修改的量 只对基本数据类型管用对象等复杂数据类型都可以修改因为复杂数据类型数据存在堆中栈中保存地址 const保证指针不发生改变
不能修改其他跟let一样并且声明的时候就需要赋值

解构的赋值

解构赋值：数据结构中的数据或者是元素直接拿出来，赋值给一个或者是多个

数组的解构赋值

使用数组结构数组按照下标顺序与变量名字无关

let arr = [1,2,3]
let [a,b,c] = arr;

a = 1,b = 2,c = 3

//占位符，
let arr = [1,2,3,4,5,6];
let [,,,num] = arr;
console.log(num);

4

参数多于数组长度，多出来的参数解构值为undefined
可以使用默认参数对undefined处理

let arr = [1,2,3,4]
let [a = 0,b = 0,c = 0] = arr;
console.log(a,b,c);

1 2 3

字符串的解构赋值

基本跟数组一致

对象的解构赋值

使用对象解构对象按照键名结构

let obj = {name:"张姨"，hobby:"吃辣条"};
let {name：uname，hobby：uhobby} = obj;
console.log(uname,uhobby)

张姨吃辣条

对象的简单写法

属性名，属性值的名字一致

     let obj = { name: "张姨",hobby: "吃辣条" };
        let { name,hobby } = obj;
        console.log(name, hobby)

张姨吃辣条

函数参数的解构

函数参数是数组

function fun([a = 0, b = 0, c = 0] = []){
    console.log(a)
}
let arr = [1,2,3];
fun(arr)

1

函数参数是对象


<script>
    function fun({ name, hobby, age } = { name: "赵四", hobby: "收拾谢广坤", age: 120 }) {
        console.log(name);
        console.log(hobby);
        console.log(age);
    }

    let obj = {
        name: "张姨",
        hobby: "吃辣条和吃辣条",
    }

    fun(obj)
    fun();
</script>