![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ES6快速入门
MyKyle18
这个作者很懒,什么都没留下…
展开
-
从0到1—Vue项目失物平台的搭建(第七天)
近期有小伙伴私信说 Promise 以及 async函数 有点难理解。今天暂停项目更新。会写一篇关于Generator函数以及async函数的文章。主要参考书籍:《ES6标准入门(第三版)》。...原创 2020-05-04 21:32:11 · 169 阅读 · 0 评论 -
关于Promise的简单了解
1.什么是Promise简单的说“Promise对象用于表示一个异步操作的最终状态(完成或者失败)以及其返回的值”关于异步与同步,简单地说可以以同步任务会阻塞程序执行(alter、for、.......),而异步任务不会阻塞程序执行(setTimeout 、fs.readFile 、......)2.首先我们比较传统的回调方式与promise预备知识点: then()方法...原创 2020-02-03 23:43:20 · 193 阅读 · 0 评论 -
ES6看完必会第十三章------ Iterator(遍历器)(可私信解惑,不会来捶我)
Iterator(遍历器)的概念遍历器(Iterator)是一种接口,为了各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Iterator接口,就可以完成遍历操作(即依次处理该数据结构的所有成员)。Iterator的作用有三个:一是为各种数据结构,提供一个统一的、简便的访问接口; 二是使得数据结构的成员能够按某种次序排列; 三是ES6创造了一种新的遍历命令fo...原创 2020-02-02 19:36:25 · 169 阅读 · 0 评论 -
ES6看完必会第十二章------ Proxy和Reflect (可私信解惑,不会来捶我)
Proxy 概述Proxy 用于修改某些操作的默认行为,等同于在语言层面做出修改,所以属于一种“元编程”(meta programming),即对编程语言进行编程。Proxy 可以理解成,在目标对象之前架设一层“拦截”,外界对该对象的访问,都必须先通过这层拦截,因此提供了一种机制,可以对外界的访问进行过滤和改写。下面是常见的 Proxy 支持的拦截操作方法。(1)get(ta...原创 2020-02-02 19:30:06 · 197 阅读 · 1 评论 -
ES6看完必会第十一章------ Map和Set数据结构 (可私信解惑,不会来捶我)
Set 数据结构 ES6提供了新的数据结构Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。Set本身是一个构造函数,用来生成Set数据结构。Set函数可以接受一个数组(或类似数组的对象)作为参数,用来初始化。var set = new Set([1, 2, 3, 3, 4, 4]);set // Set { 1, 2, 3, 4 } ...原创 2020-02-02 18:55:06 · 175 阅读 · 0 评论 -
ES6看完必会第十章------ Class 类 (可私信解惑,不会来捶我)
class 声明JavaScript语言的传统方法是通过构造函数,定义并生成新对象。ES6提供了更接近传统语言的写法,引入了Class(类)这个概念,作为对象的模板。通过class关键字,可以定义类。基本上,ES6 的class可以看作只是一个语法糖(指计算机语言中添加的某种语法,这种语法对语言的功能并没有影响,但是更方便程序员使用。通常来说使用语法糖能够增加程序的可读性,从而减少程序...原创 2020-02-02 14:31:23 · 141 阅读 · 0 评论 -
ES6看完必会第九章------ 对象的扩展 (可私信解惑,不会来捶我)
属性的简洁表示法 ES6允许直接写入变量和函数,作为对象的属性和方法。这样的书写更加简洁。var foo = 'bar';var baz = {foo};console.log( baz ) // { foo: 'bar' } //等同于var foo = 'bar';var baz={ foo:foo};console.log( baz ) ...原创 2020-02-02 13:55:45 · 105 阅读 · 0 评论 -
ES6快速入门第八章------ 函数的扩展 (可私信解惑)
箭头函数 ES6允许使用“箭头”(=>)定义函数。箭头函数使得表达更加简洁。var f = (参数)=>{ 代码块}var ff = (x,y)=>{ return x+y }// 相当于var f = function(参数){ 代码块 }var ff = function(x,y){ return x+y }由于大括号被解释为代码块,所...原创 2020-02-02 00:23:12 · 144 阅读 · 0 评论 -
ES6快速入门第七章------数组的扩展(可私信解惑,看完不会你捶我)
Array.from方法Array.from方法用于将两类对象转为真正的数组:类似数组的对象和可遍历(iterable)的对象(包括ES6新增的数据结构Set和Map)。 var arr= { '0': 'a', '1': 'b', '2': 'c', length: 3};// ES6的写法var arr2 = Array.from(arr); ...原创 2020-02-01 20:29:51 · 106 阅读 · 0 评论 -
ES6快速入门第六章------数值的扩展(可私信解惑)
二进制和八进制表示法 ES6提供了二进制和八进制数值的新的写法,分别用前缀0b(或0B)和0o(或0O)表示,第一个字符是数字零。// 十进制456转换为二进制111001000 ,二进制使用0b开头0b111001000 === 456 // true // 十进制456转换为二进制710,八进制使用0o开头0o710 === 456 // true...原创 2020-02-01 18:17:09 · 145 阅读 · 0 评论 -
ES6快速入门第五章------正则的扩展(可私信解惑)
正则(RegExp)构造函数 本节须知:学习本节需掌握正则表达式的相关知识。在ES5中,RegExp构造函数的参数有两种情况。第一种情况是,参数是字符串,这时第二个参数表示正则表达式的修饰符(flag)。var regex = new RegExp('xyz', 'i');// 等价于var regex = /xyz/i;第二种情况是,参数是一个正则表示式,这时会返回一...原创 2020-02-01 17:30:01 · 142 阅读 · 0 评论 -
ES6快速入门第四章------字符串的扩展(可私信解惑)
字符的Unicode表示法 JavaScript允许采用\uxxxx形式表示一个字符,其中“xxxx”表示字符的码点。"\u0061" 表示字母 a但是,这种表示法只限于\u0000——\uFFFF之间的字符。超出这个范围的字符,必须用两个双字节的形式表达。"\u20BB7" JavaScript会理解成 \u20BB+7 ,所以只会显示一个空格,后面...原创 2020-02-01 17:07:56 · 138 阅读 · 0 评论 -
ES6快速入门第三章------Symbol数据类型(可私信解惑)
概述 ES5的对象属性名都是字符串,这容易造成属性名的冲突。ES6引入了一种新的原始数据类型Symbol,表示独一无二的值。它是JavaScript语言的第七种数据类型,前六种是:Undefined、Null、布尔值(Boolean)、字符串(String)、数值(Number)、对象(Object)。Symbol值通过Symbol函数生成。这就是说,对象的属性名现在可以有两种...原创 2020-02-01 13:36:52 · 180 阅读 · 0 评论 -
ES6快速入门第二章------let和const(可私信解惑)
let命令 ES6新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。{ let a=222222; var b=333333;}console.log(a)以上代码在代码块之中,分别用let和var声明了两个变量。然后,在代码块之外调用这两个变量。结果let声明的变量报错,var声明的变量返回了...原创 2020-02-01 11:43:52 · 133 阅读 · 0 评论 -
ES6快速入门第一章------解构赋值(可私信解惑)
概念ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构赋值。如下面变量赋值var a=1;var b=2;var c=3;在ES6语法中可以写为var [a,b,c]=[1,2,3]; // 等号两边的模式相同如果解构不成功,变量的值就等于undefined。如果等号的右边不是数组(不是可遍历的结构),将会报错。解构赋值不仅适用...原创 2020-01-31 23:59:49 · 120 阅读 · 0 评论 -
ECMAScript 6 入门------------数值的扩展(ES6快速入门)
本文内容精简于阮一峰老师的ES6入门,用于个人学习总结。如果需要更加详细了解可以前往阮一峰老师的博客。http://es6.ruanyifeng.com/#docs/number 二进制和八进制表示法 ES6 提供了二进制和八进制数值的新的写法,分别用前缀0b(或0B)和0o(或0O)表示。0b111110111 === 503 // true0o767 === 503 //...原创 2020-01-31 20:21:26 · 137 阅读 · 0 评论 -
ECMAScript 6 入门------------正则的扩展(ES6快速入门)
本文内容精简于阮一峰老师的ES6入门,用于个人学习总结。如果需要更加详细了解可以前往阮一峰老师的博客。http://es6.ruanyifeng.com/#docs/regex快速入门:ES6快速入门第五章------正则的扩展(可私信解惑)RegExp 构造函数 字符串的正则方法 u 修饰符 RegExp.prototype.unicode 属性 y 修饰符 RegExp....原创 2020-01-31 19:57:47 · 155 阅读 · 0 评论 -
ECMAScript 6 入门------------字符串的新增方法精简版(ES6快速入门)
本文内容精简于阮一峰老师的ES6入门,如果需要更加详细了解可以前往阮一峰老师的博客。http://es6.ruanyifeng.com/#docs/string-methods#String-fromCodePointString.fromCodePoint() 用于从 Unicode 码点返回对应字符String.fromCharCode(0x20BB7)// "ஷ"...原创 2020-01-31 17:31:09 · 131 阅读 · 0 评论