ECMAScript 6(简称ES6)是于2015年6月正式发布的JavaScript语言的标准,正式名为ECMAScript 2015(ES2015)。它的目标是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言 。 另外,一些情况下ES6也泛指ES2015及之后的新增特性,虽然之后的版本应当称为ES7、ES8等。
ES6转ES5(Babel转码器) 前提:必须在VScode中已经安装了Node.js 官网:https://nodejs.org/en/ 一、安装命令行转码工具 npm install --glob
Map介绍 ES6 提供了 Map 数据结构。它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。Map也实现了iterator接口,所以可以使用【扩展
迭代器 迭代器(iterator)是一种接口,为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署iterator接口,就可以完成遍历操作。 ES6创造了一种新的遍历命令for...of循环,
扩展运算符 [...]扩展运算符能将【数组】转换为逗号分隔的【参数序列】 //声明一个数组 const tfboys = ['y','w&#39
模块化介绍 模块化是指讲一个大的程序文件,拆分成许多小的文件,然后将小文件组合起来。 模块化好处 防止命名冲突 代码复用 高维护性 模块化规范产品 ES6之前的模块化规范有: CommonJS ⇒ N
简化对象写法 ES6允许再大括号里面,直接写入变量和函数,作为对象的属性和方法。 遮眼法的书写更加简洁 let name = 'study'; let change =
扩展运算符与rest参数 <!-- Rest 参数与 spread 扩展运算符在 ES6 中已经引入,不过 ES6 中只针对于数组, 在 ES9 中为对象提供了像数组一样的 rest 参
数值扩展 //0. Number.EPSILON 是 JavaScript 表示的最小精度 EPSILON 属性的值接近于 2.2204460492503130808472633361816E-16
ES6引入rest参数,用于获取函数的实参,用来替代arguments //ES5获取实参的方式 function date(){ console.log(arguments);//对象 } date
Promise介绍 Promise是ES6引入的异步编程的新解决方案。语法上Promise是一个构造函数,用来封装异步操作并可以获取其成功或失败的结果。 Promise构造函数:Promise(exc
async 和 await async 和 await 两种语法结合可以让异步代码像同步代码一样 async 函数 async 函数的返回值为 promise 对象 promise 对象的结果由 as
class类 ES6 提供了更接近传统语言的写法,引入了 Class(类)这个概念,作为对象的模板。通过class关键字,可以定义类。ES6 的class可以看作只是一个语法糖,它的绝大部分功能,ES
箭头函数 ES6允许使用【箭头】(=>)定义函数 声明一个函数 let fn = function(){ } let fu = (a,b)=>{ return aʻ }
对象方法扩展 //1. Object.is 判断两个值是否完全相等 console.log(Object.is(120, 120));// console.log(Object.is(NaN, NaN
私有属性 class Person{ //公有属性 name; //私有属性 #age; #weight; //构造方法 constructor(name, age, weight){ this.na
Symbol基本使用 ES6 引入了一种新的原始数据类型Symbol,表示独一无二的值。它是 JavaScript 语言的第七种数据类型,前六种是:undefined、null、布尔值(Boolean
ECMA 欧洲计算机制造商协会 ECMAScript 是由ECMA国际通过ECMA-262标准化的脚本程序化语言 ES6 版本变动内容最多,具有里程碑意义 加入许多新语法特性,编程实现更简单,高效 E
变量 ES6 允许按照一定模式从数组和对象中提取值,对变量进行赋值,这被称为解构赋值 数组的结构 const F4 = ['小沈阳','刘能&#
模板字符串 ES6引入新的声明字符串的方式【''】 '' "" 声明 let str = &
前言 使用vscode开发vue项目的时候,为了编码格式的统一化,使用eslint规范进行格式化。此时通过eslint插件可以实现对vue代码的自动格式化。 使用方式 在vscode的插件模块处,搜索
转载这篇ES6的箭头函数方便自己查阅。 ES6可以使用“箭头”(=>)定义函数,注意是函数,不要使用这种方式定义类(构造器)。 一、语法 基础语法 高级语法 实例 1. 具有一个参数的
基本概念 Generator函数有多种理解角度。从语法上,首先可以把它理解成,Generator函数是一个状态机,封装了多个内部状态。 执行Generator函数会返回一个遍历器对象,也就是说,Gen
1、新的字符串特性 标签模板: String.raw(callSite, ...substitutions) : string 用于获取“原始”字符串内容的模板标签(反斜杠不再是转义字符): >