这篇文章主要讲解了“常用的es6特性包括哪些，基本概念和用法是什么”，文中的讲解内容简单、清晰、详细，对大家学习或是工作可能会有一定的帮助，希望大家阅读完这篇文章能有所收获。下面就请大家跟着小编的思路一起来学习一下吧。

1.关键字

Let 关键字 在let所在的代码块中起作用。在let之前对于改该变量是不能进行赋值的

Const关键字  为只读变量，因此在定义的时候就需要去赋值。

2.解构

变量的解构，

     1>.数组结构利用[]，对数组局部可以进行赋值

    例如：

         Let [a,,c]=[1,,3]

    Let[a,…c]这里c可以当作一个数组进行赋值

 2>.对象结构利用{}，对对象进行解构，与数组类似，不同的是，多了一个属性的问题，最重要的是对象属性没有次序，而是按照次序来的。

3.字符串

     1>. 利用for of 可以对字符串进行每一个字符进行遍历。

     2>. 对于判断是否含有字符为：include startswith endwith

     3>. Padstart。。。等等替换补全的函数

     4>.字符串模板，可以在字符串里面${变量}来加上变量。也可以加上html的标签

     5>.数值大多是对函数的运行，判断是否为数字，类型转换等

4.正则

1>.两种用法

 One：Regex r=new Regex(‘匹配规则','修饰')

Two：Regex r=/匹配的东西/修饰

     Regex 其中 I g y为修饰符

2>.sticky属性 是否有修饰符

   Flags 返回匹配修饰符

3>.支持为后行断言

5.数组

1>.可以用const […a2]=a1直接进行赋值，两个变量互换也是可以的

2>.利用[]可以进行多个数组合并

3>.与结解构相结合

例如：

[a,…rest]=list  list为数组

6.函数

1>.参数默认值的使用，不能有同名参数

2>.参数传值为惰性求值，就是每次会重新计算默认值

3>.依旧可以使用解构进行函数赋值，（个人认为类似于对象解构）

7.对象

     在es6中的对象使用类似于C语言中最开始的struct类型，但有区别的是，在es6中对象内部可以使用方法

例如：         

Const person={

  Name：wl；

Birth，

CalTime(){console.log(“”);}

8.Symbol

1>.相当于多出来的一种定义的关键字，防止定义的变量不小心被改写和覆盖。

2>.主要作用在于消除魔术字符串（个人理解：就是一堆字符串直接出来的，改成变量，提高代码阅读性吧）

9．集合

    1>.个人理解：有点类似java、C#中的集合。只不过因为es6的特性，有一些不同的函数实现复杂的操作。Set可以转变为数组，进行一些解构操作。

         在这里多了一种加上前缀weak的集合，（这个就是临时堆放东西的地方，说没就没，因此也不能遍历）

10.Proxy配合Reflect的观察者模式

    Proxy为拦截操作，Reflect就是反射操作，读取变量进行修改。

Proxy监测发生改变，进行拦截操作，reflect进行取值更改，实现最简单的观察模式

11. Promise

       为构造函数，可以回调两个函数。（个人理解：对于有两种结果的情况更为使用，出现不同的情况调用不同的函数进行使用）

 ArrayBuffer也是一种构造器，利用多种函数操作，个人感觉为了规范数组。

12.遍历器

       遍历器模拟next，进行指针的移动，直到结束。在es6中跟我之前用的C，C++这些语言不同的是，他到结束了，会输出undefined，不会直接崩掉程序。   

  next: function() {

         return nextIndex < array.length ?

        {value: array[nextIndex++], done: false} :

        {value: undefined, done: true};//不断增加nextIndex，就是让下标自加操作。

13.Generator

   本质为记录函数内部状态，异步操作，个人感觉应该在多线程中应用较多。单线程没有想到应用的价值。本质上使用yield进行暂缓操作，可以不用yield，直接用*将函数变成暂缓执行的函数。

14.async

本质上来说是Generator的一种改进操作，他不采用yield进行暂缓操作，而是使用await进行该操作。但他与Geneator有所区别，在于返回的不同，Geneator返回遍历器，他返回的是Promise对象

15.Class

  他对于原本的js语言来说，类的操作，将很多东西进行了封装，有一定的模板，为了更好的进行阅读理解，加上继承，也减少了重复代码的书写。并且模式为严格模式，对于语言的规范性更高。跟面向对象语言中的class有些类似。

16.修饰器

这种写法类似于java的注解，但是方式却又所不同。个人理解java的注解是为了代码的规法并且易于修改。但在es6中，修饰器本质就是编译时执行的函数。

17.Moudle

将一些静态编译的东西模块化，减少重复编写吧，就类似python引入多种库那样，什么东西引入一些库，编写就相对不复杂。

  import { stat, exists, readFile } from 'fs';//引入

export {firstName, lastName, year};//输出

总结

到此这篇关于“常用的es6特性包括哪些，基本概念和用法是什么”的文章就介绍到这了,更多相关内容请搜索群英网络以前的文章或继续浏览下面的相关文章，希望大家以后多多支持群英网络！

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• watch监听的基本用法是什么，怎样监听object

  目录基本用法监听object使用deep参数重新赋值通过路径监听内部数据初始化变量触发监听回调总结Vue中可以使用监听器监听属性的变化，并根据属性变化作出响应。但一旦涉及到复杂数据的监听（如Object，但数组一般不需要，因为Vue针对数组做了特殊处理）时就比较复杂了，本文解释了使用watch监听属性变化的方法，包括复

• Javascript建造者模式怎样实现？优点有哪些？

  本文主要给大家分享的是Javascript建造者模式，建造者模式是设计模式中的一种，之前我们也了解其他的设计模式，感兴趣的朋友可以了解看看，接下来我们就看Javascript建造者模式的定义、优点、作用和实现等等。

• JavaScript中find方法能用于做什么，如何使用？

  JavaScript中find方法能用于做什么？对于find()方法大家应该都是比较熟悉的吧，主要是用于获取数组中符合指定条件的第一个元素，也就是返回数组中符合的第一个值，效果和swith类似，但是简单很多，这篇我们就来了解看看find()方法的使用。

• JSON字符串转对象过程报错怎么回事，如何处理

  这篇文章主要介绍了nodejs将JSON字符串转化为JSON对象报错的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教

• Vue单页面做SEO不友好有哪些解决方法,各有何特点

  Vue SPA单页面应用对SEO不友好，当然也有相应的解决方案，通过查找资料，大概有以下4种方法，本文就详细的介绍一下