用户7715953617545
获得徽章 0
- #挑战每日一条沸点# Map
ES6 提供了 Map 数据结构。它类似于对象，也是键值对的集合。但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。Map 也实现了iterator 接口，所以可以使用「扩展运算符』和「for..of..』进行遍历。
Map的属性和方法：
1. size返回 Map 的元素个数
2. set增加一个新元素，返回当前 Map
3. get返回键名对象的键值
4. has检测 Map 中是否包含某个元素，返回 boolean 值。
5. clear清空集合，返回 undefined。展开评论点赞 - #挑战每日一条沸点# 迭代器
迭代器 (Iterator）是一种接口，为各种不同的数据结构提供统一的访问机制。
任何数据结构只要部署lterator 接口，就可以完成遍历操作。
1) ES6 创造了一种新的遍历命令for..of 循环，lterator 接口主要供 for..of 消费
2） 原生具备iterator 接口的数据(可用 for of 遍历）
* Array
* Arguments
* Set
* Map
* String
* TypedArray
* NodeList
3） 工作原理
a）创建一个指针对象，指向当前数据结构的起始位置
b）第一次调用对象的next 方法，指针自动指向数据结构的第一个成员
）接下来不断调用next 方法，指针一直往后移动，直到指向最后一个成员
d每调用 next 方法返回一个句含valve 和done 属性的对象
注⚠️：需要自定义遍历数据的时候，要想到迭代器。展开评论点赞 - #挑战每日一条沸点# ES6 模块化语法
模块功能主要由两个命令构成：export 和import。
* export 命令用于规定模块的对外接口
* import 命令用于输入其他模块提供的功能评论点赞 - #挑战每日一条沸点# Map
ES6 提供了 Map 数据结构。它类似于对象，也是键值对的集合。但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。Map 也实现了iterator 接口，所以可以使用「扩展运算符』和「for..of..』进行遍历。评论点赞 - #挑战每日一条沸点# Promise
promise 是 ES6 引入的异步编程的新解决方案。语法 上Promise 是一个构造函数
用来封裝异步辕花并可以获取其成功或失败的结果。
1. Promise 构造函数：Promise (excutor) {}
2. Promise.prototype.then 方法
3. Promise.prototype.catch 方法展开评论点赞 - 迭代器 (Iterator）是一种接口，为各种不同的数据结构提供统一的访问机制。
任何数据结构只要部署lterator 接口，就可以完成遍历操作。
1) ES6 创造了一种新的遍历命令for..of 循环，lterator 接口主要供 for..of 消费
2） 原生具备iterator 接口的数据(可用 for of 遍历）
* Array
* Arguments
* Set
* Map
* String
* TypedArray
* NodeList
#挑战每日一条沸点#展开评论点赞 - Javascript
作用域
变量的作用域：根据作用域的不同我们变量分为全局变量和局部变量
1.全局变量下的作用域全局可用
🤯如果在函数内部没有声明直接赋值的变量也是全局变量
2.局部变量 在函数内部的变量就是局部变量
🤯函数的形参也可以看作是局部变量
3.从执行效率来看
•全局变量只有浏览器关闭的时候才会销毁 比较占内存
•局部变量当我们程序执行完毕就会销毁 节约资源
js没有块级作用域
在es6的时候会新增块级作用域
块级作用域 {} if{} for{}花括号里面的外面用不了
但是因为js没有块级作用所以花括号里面的外面都可以使用 #挑战每日一条沸点#展开评论点赞 - #挑战每日一条沸点# 强大的babel
* 被称为下一代的Javascript编译器。可以将es6的代码转换成es5的代码，从而让浏览器获得支持。
* 这个课程我们只需要知道前端工具babel这个工具的作用，在这里不做过多的赘述评论点赞 - #挑战每日一条沸点# ES6新特性
* let和const命令
* es6的模板字符串
* 增强的函数
* 扩展的宇符串、对象、数组功能
* 解构赋值
* Symbol
* Map和Set
* 迭代器和生成器
* Promise对象
* Proxy对象
* async的用法
* 类class
* 模块化实现 展开评论点赞
![[鼓掌]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_64.6c4f6bb.png)
![[飞吻]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_81.8e1cf74.png)
![[猪头]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_100.6adf5c8.png)