文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

ES6新特性常用的知识点有哪些

2023-06-25 13:39

关注

这篇文章主要介绍了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新特性常用的知识点有哪些”这篇文章对大家有帮助,同时也希望大家多多支持编程网,关注编程网行业资讯频道,更多相关知识等着你来学习!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯