![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
es6
坏萝卜
这个作者很懒,什么都没留下…
展开
-
class 类
class 类ES6 提供了更接近传统语言的写法,引入了 Class(类)这个概念,作为对象的模板。通过 class 关键字,可以定义类。基本上,ES6 的 class 可以看作只是一个语法糖,它的绝大部分功能,ES5 都可以做到,新的 class 写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。知识点:class 声明类constructor 定义构造函数初始化extends 继承父类super 调用父级构造方法static 定义静态方法和属性父类方法可以重写//父类原创 2021-07-14 20:26:00 · 95 阅读 · 0 评论 -
Set和Map
SetES6 提供了新的数据结构 Set(集合)。它类似于数组,但成员的值都是唯一的,集合实现了 iterator 接口,所以可以使用『扩展运算符』和『for…of…』进行遍历,集合的属性和方法:size 返回集合的元素个数add 增加一个新元素,返回当前集合delete 删除元素,返回 boolean 值has 检测集合中是否包含某个元素,返回 boolean 值clear 清空集合,返回 undefined//创建一个空集合let s = new Set();//创建一个非空集合原创 2021-07-14 20:22:29 · 156 阅读 · 0 评论 -
迭代器和生成器
迭代器遍历器(Iterator)就是一种机制。它是一种接口,为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署 Iterator 接口,就可以完成遍历操作。ES6 创造了一种新的遍历命令 for…of 循环,Iterator 接口主要供 for…of 消费原生具备 iterator 接口的数据(可用 for of 遍历)a) Arrayb) Argumentsc) Setd) Mape) Stringf) TypedArrayg) NodeList工作原理a) 创建一个指原创 2021-07-14 20:16:37 · 58 阅读 · 0 评论 -
Symbol
Symbol 基本使用ES6 引入了一种新的原始数据类型 Symbol,表示独一无二的值。它是JavaScript 语言的第七种数据类型,是一种类似于字符串的数据类型。Symbol 特点Symbol 的值是唯一的,用来解决命名冲突的问题Symbol 值不能与其他数据进行运算Symbol 定义 的 对象属 性 不能 使 用 for…in 循 环遍 历 ,但 是可 以 使 用Reflect.ownKeys 来获取对象的所有键名//创建 Symbollet s1 = Symbol();cons原创 2021-07-14 20:08:51 · 81 阅读 · 0 评论 -
Promise
什么是promise?Es6中一个非常重要和好用的特性就是Promise但是初次接触Promise会一脸懵逼,看官方文章也是一头雾水Promise是异步编程的一种解决方案那什么时候我们会来处理异步事件呢?一种很常见的场景应该就是网络请求我们封装一个网络请求的函数,因为不能立即拿到结果,所以不能像简单的3+4=7一样将结果返回所以往往我们会传入另一个函数,在数据请求成功时,将数据通过传入的函数回调出去如果只是一个简单的网络请求,那么这种方案不会给我们带来很大的麻烦但是,当网络请求非常复原创 2021-07-14 19:45:09 · 182 阅读 · 0 评论 -
箭头函数的使用和this指向
箭头函数的使用//箭头函数:也是一种定义函数的方式//1.定义函数的方式:functionconst aaa = function(){}//2.对象字面量中定义函数const obj = { bbb(){}}//3.es6中的箭头函数// const ccc = (参数列表)=>{// }const ccc = () =>{}箭头函数的参数//1.参数问题//1.1放入两个参数const sum = (num1, num2) => { r原创 2021-07-12 19:22:22 · 112 阅读 · 0 评论 -
ES6模块化的导入和导出
ES6模块化的导入和导出export使用export default某些情况下,一个模块中包含某个的功能,我们并不希望给这个功能命名,而且让导入者可以自己来命名就可以使用export default注意:export default 在同一个模块中,不允许同时存在多个。aaa.jsvar name = "小明"var age = 18var flag = truefunction sum(num1,num2){ return num1 + num2}if(flag){原创 2021-07-09 14:40:27 · 176 阅读 · 0 评论 -
ES6笔记(一)
ES6学习笔记let/var事实上var的设计可以看成javaScript语言设计上的错误。但是这种错误多半不能修复和移除,以为需要向后兼容。大概十年前,Brendan Eich就决定修复这个问题,于是他添加了一个新的关键字:let.ES5中的var是没有块级作用域的(if/for)ES6中的let是由块级作用域的(if/for)块级作用域js中使用var来声明一个变量时,变量的作用域主要是和函数的定义有关。针对于其他块定义来说是没有作用域的,比如if/for等,这在我们开发中往往会引起一些原创 2021-07-05 17:52:05 · 99 阅读 · 0 评论