【ES6新特性简单了解】

es6是 ECMAScript第六次修订，也可以理解为javascript的新的一个标准  新的标准带来了一些新的特性 ，今天空闲时间来看看有哪些新特性并实际写代码操作一下 加深影响 。

首先最明显的也是使用最多的就是带来了两个全新的修饰符，

let 变量修饰符，相对于之前的var 首先作用域不同 let是块级作用域而var是函数作用域，

   function test() {

            if (1 == 1) {
                var a = 1;
                let b = 2;
            }
            alert(a);//可以正常执行
            alert(b);//b is not defined
        }

可以看到 在大括号内声明的 var 在函数内都可以调用但是let却只能在代码块内被使用。

let 不能再被定义之前访问，var 却可以。

let不能被重新定义，但是var是可以的

const 常量修饰符，常量顾名思义  定义后就不允许修改了。和let一样也是块级作用域。

箭头函数ES6中的函数定义不再使用关键字function()，而是利用了()=>来进行定义

如上个例子的函数就可以改写成如下所示

   var test = () => {

            if (1 == 1) {
                var a = 1;
                let b = 2;
            }
            alert(a);//可以正常执行
            alert(b);//b is not defined
        }

模板字符串模板字符串是增强版的字符串，用反引号（`）标识，可以当作普通字符串使用，也可以用来定义多行字符串

  var test = () => {

            if (1 == 1) {
                var a = `张三
                         李四
                         王五
                         小吴`;
                let b = 2;
            }
            alert(a);//可以正常执行
            alert(b);//b is not defined
        }

import、export导入导出ES6标准中，Js原生支持模块(module)。将JS代码分割成不同功能的小块进行模块化，将不同功能的代码分别写在不同文件中，各模块只需导出公共接口部分，然后通过模块的导入的方式可以在其他地方使用 代码类似下面这样

import { HandoverService } from './handover.service';
import { ControlValueAccessor } from '@angular/forms';

set数据结构Set数据结构，类似数组。所有的数据都是唯一的，没有重复的值。它本身是一个构造函数

 let set = new Set();
        set.add('1');
        set.add('1');//因为set是不允许重复的数组所以这一行是不起作用的
        set.add('2');
        set.add('3');



        var test = () => {
            console.log(set.size)//输出3 

            set.forEach((value, key) => {//set foreach用法
                alert(value);
            })

        }

... 展开运算符可以将数组或对象里面的值展开；还可以将多个值收集为一个变量 这个也是蛮常用的 很方便对数组操作 代码举例

  let array1=['1','1','2','3']
        let array2=['4','5']
        let arrray3=[...array1,...array2]//展开运算符最常用的就是可以合并数组 当然还有很多其他用法
        let set = new Set(arrray3);
    


        var test = () => {
            console.log(set.size)
            console.log(set);

            // set.forEach((value, key) => {//set foreach用法
            //     alert(value);
            // })

        }

上面运行结果 如下所示

Promise是异步编程的一种解决方案，比传统的解决方案（回调函数和事件）更合理、强大

一般来说都会和 async和await共同完成一些异步操作 详细说起来又是功能点很多 这里只做点简单例子 

  async function testAsync() {
            return "hello async"; //因为加了async 所以并不会直接返回 而是返回一个promise对象
        }

        const result = testAsync();
        console.log(result);//返回的是一个promise对象 



        var test = () => {
        result.then(v=>{
            alert(v); //针对promise对象获取里面的值 一般都用做远程数据调用  
        })

es6还新增了 class 使js更像面向对象的写法 简单写怎么多 其实知识点还是很多的 仅供参考