![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ES6/ES7
文章平均质量分 63
苟盛
这个作者很懒,什么都没留下…
展开
-
ES6 模块化! 必!备!知!识! (精华帖)
ES6模块化简介ECMA组织参考了众多社区模块化标准,终于在2015年,随着ES6发布了官方的模块化标准,后成为ES6模块化ES6模块化具有以下的特点使用依赖预声明的方式导入模块依赖延迟声明优点:某些时候可以提高效率缺点:无法在一开始确定模块依赖关系(比较模糊)依赖预声明优点:在一开始可以确定模块依赖关系缺点:某些时候效率较低灵活的多种导入导出方式规范的路...原创 2020-04-16 21:52:53 · 165 阅读 · 0 评论 -
ES6 map集合
map集合键值对(key value pair)数据集合的特点:键不可重复map集合专门用于存储多个键值对数据。在map出现之前,我们使用的是对象的方式来存储键值对,键是属性名,值是属性值。使用对象存储有以下问题:键名只能是字符串获取数据的数量不方便键名容易跟原型上的名称冲突如何创建mapnew Map(); //创建一个空的mapnew Map(itera...原创 2020-04-13 11:22:11 · 210 阅读 · 0 评论 -
ES6 set集合应用
set 集合一直以来,JS只能使用数组和对象来保存多个数据,缺乏像其他语言那样拥有丰富的集合类型。因此,ES6新增了两种集合类型(set 和 map),用于在不同的场景中发挥作用。set用于存放不重复的数据如何创建set集合 new Set(); //创建一个没有任何内容的set集合 new Set(iterable); //创建一个具有初始内容的set集合,内容来自于可迭代...原创 2020-04-13 10:57:53 · 149 阅读 · 0 评论 -
ES6 生成器 生成器应用----异步任务控制
生成器 (Generator)什么是生成器:生成器是一个通过构造函数Generator创建的对象,生成器既是一个迭代器,同时又是一个可迭代对象2.如何创建生成器?生成器的创建,必须使用生成器函数(Generator Function)如何书写一个生成器函数呢?要将*放到函数关键字后面或者函数名前面 function *metod() { } function* me...原创 2020-04-10 12:32:25 · 125 阅读 · 0 评论 -
ES6 迭代器 可迭代协议 与 for-of 循环 (详解)
迭代器背景知识1.什么是迭代?从一个数组集合中按照一定的顺序,不断取出数据的过程2.迭代和遍历的区别?迭代强调的是依次取数据并不保证去多少,也不保证把所有的数据取完便利强调的是要把整个数据依次全部取出3.迭代器对迭代过程封装,在不同语言中的表现形式,通常为对象4.迭代模式是一种设计模式,用于统一迭代过程,并规范了迭代器规格:迭代器应该具有得到下一个数据的能力迭代...原创 2020-04-10 11:08:35 · 166 阅读 · 0 评论 -
ES6 Promise基本使用,串联,其他API(详解)
Promise的基本使用const pro = new Promise((resolve, reject)=>{ // 未决阶段的处理 // 通过调用resolve函数将Promise推向已决阶段的resolved状态 // 通过调用reject函数将Promise推向已决阶段的rejected状态 // resolve和reject均可以传递最多一个参数,...原创 2020-04-09 23:31:56 · 451 阅读 · 0 评论 -
ES6 异步处理的通用模型 学习Promise之前一定要理解的部分
8-2. 异步处理的通用模型ES官方参考了大量的异步场景,总结出了一套异步的通用模型,该模型可以覆盖几乎所有的异步场景,甚至是同步场景。值得注意的是,为了兼容旧系统,ES6 并不打算抛弃掉过去的做法,只是基于该模型推出一个全新的 API,使用该API,会让异步处理更加的简洁优雅。理解该 API,最重要的,是理解它的异步模型ES6 将某一件可能发生异步操作的事情,分为两个阶段:unsett...原创 2020-04-08 07:21:51 · 227 阅读 · 5 评论 -
事件循环 执行栈 异步 缺陷 原理 (详解) (精华帖)
事件循环JS运行环境称为宿主环境。JS运行的环境我们叫做数组环境,为神么我们要这样说呢是因为我们的目前的整个前端里面JS代码也就是ES标准代码它不仅能够运行在浏览器它还能够运行在服务器,比如说node.js,也可以运行在客户端,也可以运行在移动端,所以我们吧以前的那种刻板印象应该去掉了,他能够运行在各种环境里面,你只要给它配备了相关的js执行引擎,我们学的ES6其实是语言本身里面的东西,因为是...原创 2020-04-05 19:15:49 · 217 阅读 · 0 评论 -
ES6 普通符号 共享符号 知名(公共、具名)符号
普通符号原创 2020-03-19 15:57:03 · 370 阅读 · 0 评论 -
ES6 对象解构 数组解构 参数解构
对象的解构什么是解构使用ES6的一种语法规则,将一个对象或数组的某个属性提取到某个变量中解构不会对被解构的目标造成任何影响 const user = { name: 'abc', age: '14', sex: '男', address: { province: '河北', city: '沧州' } } //当我们需要调用其中的属性的时候 let ...原创 2020-03-17 07:48:02 · 481 阅读 · 0 评论 -
ES6 面向对象 最最最全 ' 类 ' 的讲解 (超详细篇) (精华帖)
ES6 面向对象简介面向对象:面向对象不是一种编程语言,他是一种编程思想,跟具体的语言无关对比面向过程:面向过程:思考的切入点是功能的步骤面向对象:思考的切入点是对象的划分面向对象不是说,我写的程序里面有对象就是面向过程,比如说C语言,他也能模拟出一个类似于对象的结构体,并不是说他不能有对象而是说他思考的切入点是步骤而是从这个角度来思考程序的。我们来拿把大象装进冰箱来举栗子当我们...原创 2020-03-05 20:17:37 · 701 阅读 · 0 评论 -
ES6 Object的新增 API
ES6 Object的新增 APIObjext.is用于判断两个对象是否相等,这其实是一个历史遗留问题,在原来当我们判断相等的时候,会发生一些怪异的现象,那么能不能解决这些问题呢,可以是可以但是老版本的浏览器不太会兼容这些改动,所以不得不这样。 //在我们面临这些问题时就会有一定问题 console.log(NaN === NaN);//flase console.log(+0 ==...原创 2020-03-01 19:21:42 · 415 阅读 · 0 评论 -
ES6 新增的对象字面量语法
ES6 新增的对象字面量语法成员速写方法速写计算属性名原创 2020-03-01 17:43:11 · 383 阅读 · 1 评论 -
ES6 箭头函数
箭头函数箭头函数改变了this指向多年来的问题回顾:this通过对象调用函数,this指向对象直接调用函数,this指向全局对象通过new调用函数,this指向新创建的对象通过apply,call,bind调用函数,this指向指定的数据DOM事件函数,this指向事件源让我们来举个栗子 //首先我们创建一个对象 const obj = { count : 0,//声...原创 2020-03-01 10:24:17 · 276 阅读 · 0 评论 -
ES6 明确函数的双重用途
明确函数的双重用途在很多情况下当我们调用一个函数时,需要new来调用而不用new来调用的话会出现很多问题,比如this指向问题等等。而在以前的语法当中我们无法判断其调用时是否使用new来调用,一般情况下我们通常用if判断它原型链上的指向是否有自身来判断,不但有些麻烦而且还并不是特别完善。所以ES6提供了一个特殊的API,可以使用该API在函数内部,判断该函数是否使用了new来调用 new....原创 2020-02-29 16:44:27 · 210 阅读 · 0 评论 -
ES6 剩余参数 展开运算符
ES6 剩余参数展开运算符原创 2020-02-29 16:23:34 · 701 阅读 · 0 评论 -
ES6参数默认值 参数默认值对arguments的影响 暂时性死区
参数默认值一般情况下,在函数传递参数时,会将参数全部传入,而很多情况下在参数变多的时候有些时候就会变得麻烦起来,而很多种情况下有一大部分参数都是不会变的,因为既要保证灵活性,同时又要方便的调用这样就在ES6中引入了一个新的概念:参数默认值。在之前我们要完成这样一个默认值的方法需要些很多的代码比较麻烦,而在ES6中书写形参时直接给形参赋值,赋的值即为默认值。这样一来当调用函数时,如果没有给对应...原创 2020-02-29 01:07:07 · 580 阅读 · 0 评论 -
ES6 模板字符串 模板字符串标记 概述
模板字符串ES6之前处理字符串繁琐的两个方面多行字符串 var text = '红红火火恍恍惚惚'//这是一个正常声明的字符串 //如果我们要换行怎么办 var text = '红红火火恍\n恍惚惚'//一般我们是直接加一个/n var text = '红红火火\ 恍恍惚惚' //或者加一个反斜杠也可以换行 //再或者 var txet = [ '红红火火'...原创 2020-02-28 13:24:37 · 840 阅读 · 0 评论 -
ES6 正则表达式中的粘连标记
正则表达式中的粘连标记标记名: y含义: 匹配时,完全按照正则对象中的LastIndex位置开始匹配,并且匹配位置必须在LastIndex位置什么意思呢,我们来看看 const text = 'Hello World!!!'; const reg = /W\w+/;//用正则表达式进行匹配 console.log(reg.test(text)) //此时返回结果是ture是能匹配到的...原创 2020-02-27 11:20:49 · 883 阅读 · 0 评论 -
ES6更多的字符串的API
更多的字符串API以下均为字符串的实例(原型)方法incLudes判断字符串中是否包含指定的字符串,还可以同时传多个字符串但不可分开查找,且可传第二个值,作用是传入数字从第几位开始截取查找 //声明字符串 const text = '成哥是个狠人'; const result = text.includes('狠');//查找字符串中有没有这个字 console.log...原创 2020-02-27 10:46:22 · 218 阅读 · 1 评论 -
ES6中Unicode的改动 正则和字符串的变动 codePointAt
ES6中Unicode的改动早期,由于储存空间宝贵,Unicode使用16位二进制来储存文字,我们将一个16位的二进制编码叫做一个码元(Code Unit)。后来由于技术的发展,Unicode对文字编码进行了扩展,将某些文字扩展到了32位(占用两个码元),并且,将某个对应的二进制数字叫做码点(Code Point)。 //此时就产生了一个问题 //在这里我写了一个字符串这个字是一个生僻字...原创 2020-02-26 22:33:54 · 328 阅读 · 1 评论 -
ES6 const概述,声明常量
使用const声明常量const和let完全相同,仅在用const声明的变量,必须在声明时赋值,而且不可以重新赋值。const是一个不会变化的常量实际上,在开发中,应该尽量使用const来声明变量,以保证变量的值不会被随意篡改。1.根据经验,在开发中的很多变量,都是不会更改的,也不应该更改的2.后续的很多框架或者是第三方JS库,都要求数据不变,使用常量可以一定程度上保证这一点。注意...原创 2020-02-26 15:32:31 · 467 阅读 · 0 评论 -
ES6Let简介 使用Let声明变量好处
使用Let声明变量ES6不仅引入了let关键字用于解决变量声明的问题,同时引入了块级作用域的概念。块级作用域:代码执行时遇到花括号{,会创建一个块级作用域、花括号}结束,销毁块级作用域 let a = 123;//全局作用域定义 { let a = 456;//然后定义块级作用域 console.log(a)//使用的时块级作用域中的a } ...原创 2020-02-25 15:40:50 · 1000 阅读 · 0 评论 -
JS用var声明变量的不足
声明变量的问题使用var声明变量(允许重复变量声明:导致数据被覆盖)原创 2020-02-24 10:33:19 · 410 阅读 · 0 评论 -
ES6简介概述
1.ECMAScript、JavaScript、NodeJs、他们的区别是什么?ECMAScript:简称ES是一个语言标准(循环、判断、变量、数组等数据类型)JavaScript:运行在浏览器端的语言、该语言使用ES标准。 ES + Web API = JavaScriptNodeJs:运行在服务器端的语言,该语言使用ES标准。 ES + Node API = JavaScript无...原创 2020-02-23 14:02:25 · 473 阅读 · 1 评论