关注
分享
随着Web端脚本语言JS的升级换代，ES逐渐步入大众的视野。ES6的简洁、高效、强大的兼容深深的吸引我。在学习ES6的同时，总结出ES6的精华，撰写博客，分享给大家。
征途黯然.
Hold me hard and mellow.
展开
-
【ES6】ES6编程规范 编程风格
【ES6】ES6编程规范 编程风格一、定义变量的规范二、字符串三、对象四、数组五、函数引言：这是ES6系列教学的最后一篇。我们讲解一下ES6编程的规范。一、定义变量的规范 let、const取代var let关键字可以完全取代var，因为两者语义相同，而且let完全没有副作用。 全局常量 优先使用...原创 2020-01-17 21:59:28 · 1003 阅读 · 0 评论 -
【ES6】Module模块详解
【ES6】Module模块详解一、Module的由来二、严格模式三、export命令四、import命令引言：由于两个JS文件之间相互使用必须通过一个html文件作为中介。ES6添加Module模块特为两个JS文件的直接引用。一、Module的由来 ES6的Class只是面向对象编程的语法糖，升级了ES5的构造函数的原型链继承的写法，并没有解决模块化问题。Modu...原创 2020-01-17 15:49:24 · 1328 阅读 · 0 评论 -
【ES6】JS类的用法class
【ES6】JS类的用法class一、概述二、构造函数constructor三、静态方法与静态变量引言：由于JS之前一直没有特有的class来定义类的语法，ES6把其纳入规范。并且，由于一些JS特性，JS的class也有一些特性。一、概述 JavaScript语言的传统方法是通过构造函数定义并生成新对象。下面是一个例子。 function Point(x,y){...原创 2020-01-17 01:19:01 · 1022 阅读 · 0 评论 -
【ES6】异步操作和async函数
【ES6】异步操作和async函数一、基本概念二、回调函数三、Promise四、async函数引言：ES6新增的Generato、Promise、async都与异步编程有关。这里我们讲述async函数和相关的异步操作。异步编程对于JavaScript语言极为重要。JavaScript 只有一个线程，如果没有异步编程， 得卡死，基本没法用。ES6诞生前，异步编程的方法大概有下面4种:回调...原创 2020-01-17 00:43:03 · 1027 阅读 · 0 评论 -
【ES6】Promise对象详解
【ES6】Promise对象详解一、Promise对象的含义二、Promise对象的用法三、Promise对象的几个应用【重点】1、时间延迟函数2、图片异步加载引言：ES6新增的Generato、Promise、async都与异步编程有关。这里我们讲述Promise对象。一、Promise对象的含义 所谓Promise就是一个对象，用来传递异步操作的消息。它代表了...原创 2020-01-16 23:52:16 · 636 阅读 · 0 评论 -
【ES6】Generator函数详解
【ES6】Generator函数详解一、Generator函数简介基本概念函数写法yield关键字介绍二、next方法的参数三、for...of循环四、关于普通throw()与Generator的throw()五、Generator函数的应用【很重要】1、延迟函数2、简化函数的flag（Generator与状态机）3、异步操作的同步化表达4、函数的自动化控制【心生佩服】引言：从Generato...原创 2020-01-16 21:44:17 · 856 阅读 · 0 评论 -
【ES6】JS的Set和Map数据结构
【ES6】JS的Set和Map数据结构一、Set1、基本用法2、4种操作方法3、4种遍历方法4、Set的应用1）Set转化为数组2）去除数组的重复元素3）实现并集(Union)、交集(Intersect)、差集(Difference)二、Map1、基本用法2、操作方法3、4种遍历方法引言：Java、C++早就有了Map、泛型等概念。ES6正式归纳了Set和Map数据结构。一、Set1、基...原创 2020-01-15 18:48:02 · 1543 阅读 · 0 评论 -
【ES6】Proxy对象
【ES6】Proxy对象一、Proxy的基本用法二、Proxy示例的方法1）get()2）set()3）apply()引言：ES6规范里面新增了Proxy对象，在高级范畴的js编程或者底层脚本的编写有这极强的作用。一、Proxy的基本用法 Proxy用于修改某些操作的默认行为，等同于在语言层面做...原创 2020-01-15 16:10:03 · 1281 阅读 · 0 评论 -
【ES6】JS第7种数据类型：Symbol
【ES6】JS第7种数据类型：Symbol一、Symbol的由来二、Symbol的涵义三、Symbol的判等四、Symbol的运算与转化引言：我们知道JS的六大数据类型分别是：Undefined、Null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）。现ES6新增第7种数据类型，Symbol类型。一、Symbol的由来  ...原创 2020-01-14 21:36:35 · 978 阅读 · 0 评论 -
【ES6】对象的拓展
【ES6】对象的拓展一、对象的两种表示法【掌握】1）简洁表示法2）属性名表达式法二、Object.is()【了解】三、Object.assign()【了解】引言：ES6添加了有关对象、Object的特性。一、对象的两种表示法【掌握】1）简洁表示法 ES6允许直接写入变量和函数作为对象的属性和方...原创 2020-01-14 14:13:48 · 738 阅读 · 0 评论 -
【ES6】函数的拓展
【ES6】函数的拓展一、函数参数的默认值二、扩展运算符三、箭头函数【重点！！！】引言：ES6添加了函数的默认值的写法、rest参数、拓展运算符、箭头函数等特性，值得关注。一、函数参数的默认值 在ES6之前，JS函数的参数是不可以指定默认值的，只能采取变通的方法。如代码块1-1。/***@@ ...原创 2020-01-13 15:43:16 · 802 阅读 · 0 评论 -
【ES6】数组的拓展
【ES6】数组的拓展一、Array.from()方法二、Array.of()方法三、数组的copyWithin()方法四、数组的find()和findIndex()方法五、数组的fill()方法六、数组的entries()、keys()、values()方法引言：ES6增加了对数组的接口。一、Array.from()方法 &nbs...原创 2020-01-12 11:08:33 · 746 阅读 · 0 评论 -
【ES6】数值的拓展
【ES6】数值的拓展一、二进制和八进制数值的表示法二、Number.isFinite()，Number.isNaN()三、Number.parseInt()，Number.parseFloat()四、Number.isInteger五、Number.EPSILON六、安全整数和Number.isSafeInteger()七、ES6中Math新增的17个方法引言：ES6增加了对数值的接口与规范。...原创 2020-01-12 10:11:02 · 764 阅读 · 0 评论 -
【ES6】正则表达式的拓展
【ES6】正则表达式的拓展一、什么是正则表达式二、正则表达式常用技术介绍1）正则表达式的写法I. 修饰符II. 匹配模式2）正则表达式的RegExp对象3）正则表达式的常用JS接口三、ES6新增正则表达式功能特性1）RegExp对象的拓展I.构造函数的拓展II.RegExp对象属性的拓展III.RegExp对象方法的拓展2）修饰符的拓展I. u修饰符II. i修饰符III. y修饰符引言：ES...原创 2020-01-11 14:44:53 · 890 阅读 · 0 评论 -
【ES6】字符串的拓展
【ES6】字符串的拓展一、为什么ES6要进行字符拓展？二、ASCLL码、Unicode编码、UTF-8编码的异同三、ES6新增的字符串接口1）codePointAt()2）codePointAt()3）includes()，startsWith()，endsWith()引言：ES6加强了对Unicode的支持，并拓展了字符串对象。一、为什么ES6要进行字符拓展？ &...原创 2020-01-10 23:48:50 · 915 阅读 · 0 评论 -
【ES6】变量的解构赋值
【ES6】变量的解构赋值ES6，全称为ECMAScript6。ES6与js的关系是：前者是后者的规格，后者是前者的实现。换句话说，ES是js的国际化版本，js是ES的子集。一、什么叫解构赋值？ ES6允许按照一定的模式，从数组或者对象中提取值，对变量进行赋值，这被称为解构（Destructuri...原创 2020-01-09 18:29:54 · 929 阅读 · 0 评论 -
【ES6】 let与const详解
【ES6】 let与const详解ES6，全称为ECMAScript6。ES6与js的关系是：前者是后者的规格，后者是前者的实现。换句话说，ES是js的国际化版本，js是ES的子集。1. letlet命令和var命令是差不多的，都是定义变量。letvar示例let a=1;var a=1;但是，let命令有4点注意点与var相区别：【1】let的作用域...原创 2020-01-08 15:24:28 · 989 阅读 · 0 评论