ES6新特性(四) | 一起学系列

175 阅读2分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第9天,点击查看活动详情

本期我们继续学习ES6新特性!

  • Map
    • 一般来说,一个对象中key的值没法写成布尔值、数字和对象;使用Object.keys(object)输出key时,均改写成了字符串的格式 image.png
    • 创建一个实例:const map = new map()
    • 设置key:const a ={a:1}
    • key与value映射:map.set(a,100)
    • get方法:获取key对应的value:map.get(a)
    • 使用forEach遍历map: image.png
  • Symbol数据类型
    • 作用:表示一个独一无二的值
    • 创建一个Symbol类型的数据:const s = Symbol()
    • 在对象内部添加Symbol时,无法在外部进行调用。需要使用Object.getOwnPropertySymbols(obj) image.png
  • for...of循环
    • 作为遍历所有数据结构的统一方式
    • for (const item of arr){}
    • 遍历map对象 image.png
    • 暂时不用for...of方法遍历普通的对象,建议先使用for...in
  • 补充1:
    • 数组中的查找下标方法:indexof无法查找数组中的NaN,返回结果为-1;此时使用includes,存在为true
    • 指数运算符(**):2**10:表示2的10次方
  • 补充2:
    • ECMAScript的应用
      • JavaScript,Jscript,ActionScript等脚本语言都是基于ECMAScript标准实现的
      • 在JavaScript,Jscript和ActionScript中声明变量,操作数组等语法完全一样,因为他们都是ECMAScript。但是在操作浏览器对象等方面又有各自独特的方法,这些都是各自语言的扩展
  • ES6其他内容(后续会在使用的时候一一详细介绍)
    • 可迭代接口
    • 迭代器模式
    • 生成器
    • Proxy代理对象
    • Reflect统一的对象操作API
    • Promise异步解决方案
    • ES Modules语言层面的模块化标准 本期内容就到这里啦!