ES6 新特性重点部分

目录

一、ES6简介

二、ES6新特性

        1.let变量声明 : 

        2.const常量声明 : 

        3.解构赋值 : 

            3.1 解构赋值简介

            3.2 数组解构 

            3.3 对象解构

        4.模板字符串 : 

        5.对象简写 : 

        6.运算符扩展 : 

        7.箭头函数 : 

            7.1 简介

            7.2 实例

        8.ES6---Promise : 

        9.ES6---模块化编程 : 

---

一、ES6简介

        ECMA(European Computer Manufacturers Association)Script 6.0，简称ES6，是JavaScript语言的下一代标准，目的是使JavaScript语言可以用来编写复杂的大型程序，并成为企业级开发语言，ES6于2015年6月发布。

        ECMAScript是JavaScript的规范 or 规则，JavaScript则是ECMAScript的一种实现。

---

二、ES6新特性

        1.let变量声明 : 

                let用于声明变量与var声明时相比——
                ①let声明的变量有严格的局部作用域；
                ②let变量只能声明一次，而var可以声明多次；
                ③let不存在变量提升，而var存在变量提升.

                let.html 演示代码如下 : 

    
    
    


    
总结——let方式声明变量比var方式声明变量更加严谨。

                运行结果 : 

        2.const常量声明 : 

                const使用中的注意事项——
                ①常量在定义时需要对其赋值；
                ②常量一经赋值后便不可修改；

                const.html 演示代码如下 : 

    
    
    


            const使用中的注意事项——
        (1)常量在定义时需要对其赋值；
        (2)常量一经赋值后便不可修改；
    

                运行结果 : 

        3.解构赋值 : 

            3.1 解构赋值简介

        解构赋值是对赋值运算符的扩展，它针对数组或者对象进行模式匹配，然后对其中的变量进行赋值操作。

        解构赋值常见两种形式——数组解构和对象解构。

            3.2 数组解构 

                array_deconstruct.html 演示代码如下 : 

                运行结果 : 

            3.3 对象解构

                object_deconstruct.html 演示代码如下 : 

                运行结果 : 

        4.模板字符串 : 

                模板字符串类似于MySQL中——在定义或使用字段时用到的反引号``.
                template_str.html演示代码如下 : 

                运行结果 : 

        5.对象简写 : 

                在传统JS中通过{}方式来定义对象的基础上，ES6允许我们对定义对象中的属性和方法进行简写。
                abbreviation.html演示代码如下 : 

                运行结果 : 

        6.运算符扩展 : 

                (1)深拷贝，指拷贝出来的对象指向新的内存空间，与原对象不冲突；
                (2)合并对象，将多个对象合并成一个新的对象，合并对象也需要用到深拷贝；
                operator_extension.html演示代码如下 : 

                运行结果 : 

        7.箭头函数 : 

            7.1 简介

        (1) 箭头函数多用于匿名函数的定义，它提供了更加简洁的函数书写形式，其基本语法如下——

                (形参列表) => { 函数体 }

        (2) 当箭头函数没有形参，或者有多个形参时，必须用()；当箭头函数只有一个形参时，可以省略()。

        (3) 当箭头函数的函数体内有多行语句时，必须用{}，表示代码块；当箭头函数的函数体中只有一条语句，并且需要返回结果时，可以省略{}，结果会自动返回。

            7.2 实例

                arrow_function.html代码如下 : 

                运行结果 : 

        8.ES6---Promise : 

        2023.10.16---待更新，更新后放出链接

        9.ES6---模块化编程 : 

        2023.10.16---待更新，更新后放出链接