ES6 新特性

最新推荐文章于 2023-08-18 11:34:48 发布

橘子海洋

最新推荐文章于 2023-08-18 11:34:48 发布

阅读量134

点赞数

本文链接：https://blog.csdn.net/toutusn/article/details/110201977

版权

本文介绍了ES6的新特性，包括使用let定义变量，解构赋值在数组和对象中的应用，以及箭头函数的简洁语法。此外，还详细探讨了Set和Map两种新的数据结构，如Set的唯一性、增删查改操作，以及Map的键值对存储和相关方法。这些新特性显著提升了JavaScript的开发效率和代码可读性。

摘要由CSDN通过智能技术生成

ES 新特性

es6的规范：ECMAScript是JavaScript的规范，JavaScript是ECMAScript的实现。

定义变量：let 定义的时候必须赋值。

        let str;//先定义
        str = 'abc'//后赋值
        console.log(str)

定义常量：const       常量不可以被更改。

		const a = 100
		console.log(a)

命名，如果是一个大自然存在的常量，我们习惯用大写。

解构赋值----数组/对象
解构赋值可以立即将一个对象或教组映射到多个变量上。

 解构对象的完整语法
 	let {prop: varName = default,...rest} = Object
 这表示属性prop会被赋值给变量VarName，如果没有这个属性的话，就							会使用默认值 default。
 没有对应映射的对象属性会被复制到rest对象。
 
 对象在进行解构操作的时候，变量必须与源对象属性一一对应；但是可以为变量起另外的别名。

 <script>
         //对象的解构赋值
    let yxmobj = {
   
        name:'哈哈哈',
       gender:'女',
        age:'18'
    }

    let dxpobj = {
   
        name:'嘿嘿嘿',
       gender:'女',
        age:'18'
    }
        //对象在进行解构操作的时候，变量必须与源对象属性一一对应；但是可以为变量起另外的别名
        let {
    name: yxmName,gender,age } = yxmobj
        console.log(yxmName);


    </script>

	解构数组的完整语法：
		let [ item1 = default,item2, ...rest ] = array
	数组的第一个元素被赋值给item1，第二个元素被赋值给item2，剩下的所有元素被复制到另一个数组rest。
	从嵌套数组/对象中提取数据也是可以的，此时等号左侧必须和等号右侧有相同的结构。