ES6
随着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 · 1114 阅读 · 0 评论 -
【ES6】Module模块详解
【ES6】Module模块详解一、Module的由来二、严格模式三、export命令四、import命令引言:由于两个JS文件之间相互使用必须通过一个html文件作为中介。ES6添加Module模块特为两个JS文件的直接引用。一、Module的由来 ES6的Class只是面向对象编程的语法糖,升级了ES5的构造函数的原型链继承的写法,并没有解决模块化问题。Modu...原创 2020-01-17 15:49:24 · 1501 阅读 · 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 · 1077 阅读 · 0 评论 -
【ES6】异步操作和async函数
【ES6】异步操作和async函数一、基本概念二、回调函数三、Promise四、async函数引言:ES6新增的Generato、Promise、async都与异步编程有关。这里我们讲述async函数和相关的异步操作。异步编程对于JavaScript语言极为重要。JavaScript 只有一个线程,如果没有异步编程, 得卡死,基本没法用。ES6诞生前,异步编程的方法大概有下面4种:回调...原创 2020-01-17 00:43:03 · 1175 阅读 · 0 评论 -
【ES6】Promise对象详解
【ES6】Promise对象详解一、Promise对象的含义二、Promise对象的用法三、Promise对象的几个应用【重点】1、时间延迟函数2、图片异步加载引言:ES6新增的Generato、Promise、async都与异步编程有关。这里我们讲述Promise对象。一、Promise对象的含义 所谓Promise就是一个对象,用来传递异步操作的消息。它代表了...原创 2020-01-16 23:52:16 · 783 阅读 · 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 · 969 阅读 · 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 · 1797 阅读 · 0 评论 -
【ES6】Proxy对象
【ES6】Proxy对象一、Proxy的基本用法二、Proxy示例的方法1)get()2)set()3)apply()引言:ES6规范里面新增了Proxy对象,在高级范畴的js编程或者底层脚本的编写有这极强的作用。一、Proxy的基本用法 Proxy用于修改某些操作的默认行为,等同于在语言层面做...原创 2020-01-15 16:10:03 · 1522 阅读 · 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 · 1085 阅读 · 0 评论 -
【ES6】对象的拓展
【ES6】对象的拓展一、对象的两种表示法【掌握】1)简洁表示法2)属性名表达式法二、Object.is()【了解】三、Object.assign()【了解】引言:ES6添加了有关对象、Object的特性。一、对象的两种表示法【掌握】1)简洁表示法 ES6允许直接写入变量和函数作为对象的属性和方...原创 2020-01-14 14:13:48 · 832 阅读 · 0 评论 -
【ES6】函数的拓展
【ES6】函数的拓展一、函数参数的默认值二、扩展运算符三、箭头函数【重点!!!】引言:ES6添加了函数的默认值的写法、rest参数、拓展运算符、箭头函数等特性,值得关注。一、函数参数的默认值 在ES6之前,JS函数的参数是不可以指定默认值的,只能采取变通的方法。如代码块1-1。/***@@ ...原创 2020-01-13 15:43:16 · 902 阅读 · 0 评论 -
【ES6】数组的拓展
【ES6】数组的拓展一、Array.from()方法二、Array.of()方法三、数组的copyWithin()方法四、数组的find()和findIndex()方法五、数组的fill()方法六、数组的entries()、keys()、values()方法引言:ES6增加了对数组的接口。一、Array.from()方法 &nbs...原创 2020-01-12 11:08:33 · 776 阅读 · 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 · 951 阅读 · 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 · 1206 阅读 · 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 · 1085 阅读 · 0 评论 -
【ES6】变量的解构赋值
【ES6】变量的解构赋值ES6,全称为ECMAScript6。ES6与js的关系是:前者是后者的规格,后者是前者的实现。换句话说,ES是js的国际化版本,js是ES的子集。一、什么叫解构赋值? ES6允许按照一定的模式,从数组或者对象中提取值,对变量进行赋值,这被称为解构(Destructuri...原创 2020-01-09 18:29:54 · 1167 阅读 · 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 · 1032 阅读 · 0 评论