前端ES6教程 涵盖ES6-ES11
06 前端ES6教程 涵盖ES6-ES11
10-
01、ES6-课程介绍.mp4
ECMA (European Computer Manufacturers Association)中文名称为欧洲计算机制造商协会，这个组织的目标是评估、开发和认可电信和计算机标准。1994年后该组织改名为Ecma国际。
1.2.什么是ECMAScriptECMAScript是由 Ecma国际通过ECMA-262标准化的脚本程序设计语言。1.3.什么是ECMA-262Ecma国际制定了许多标准，而ECMA-262只是其中的一个，所有标准列表查看http://www.ecma-international.org/publications/standards/Standard.htm1.4.ECMA-262历史ECMA-262（ECMAScript)历史版本查看网址http://www.ecma-international.org/publications/standards/Ecma-262-arch.htm
https://ecma-international.org/publications-and-standards/standards/
1.5.谁在维护ECMA-262TC39（Technical Committee 39）是推进 ECMAScript发展的委员会。其会员都是公司（其中主要是浏览器厂商，有苹果、谷歌、微软、因特尔等）。TC39定期召开会议，会议由会员公司的代表与特邀专家出席1.6.为什么要学习ES6ES6的版本变动内容最多，具有里程碑意义ES6加入许多新的语法特性，编程实现更简单、高效ES6是前端发展趋势，就业必备技能
•1.7.ES6兼容性http://kangax.github.io/compat-table/es6/可查看兼容性
//2.块儿级作用域全局，函数，eval
3.不存在变量提升
symbol api
迭代器(Iterator)是一种接口，为各种不同的数据结构提供统一的访问机制。I任何数据结构只要部署lterator 接口，就可以完成遍历操作。1）ES6创造了一种新的遍历命令for..of循环，Iterator接口主要供for..of 消费2）原生具备iterator接口的数据（可用for of遍历）a) Arrayb) Argumentsc) Setd) Mape) Stringf) TypedArrayg) NodeList3）工作原理a)创建一个指针对象，指向当前数据结构的起始位置b)第一次调用对象的next方法，指针自动指向数据结构的第一个成员c)接下来不断调用next方法，指针一直往后移动，直到指向最后一个成员
obj[symbol.iterator]={next}
//生成器其实就是一个特殊的函数∥异步编程纯回调函数node fsajax mongodb
//1.二进制和八进制//2.Number.isFinite 检测一个数值是否为有限数//3.Number.isNaN检测一个数值是否为 NaN//4.Number.parseInt Number.parseFloat字符串转整数//5. Number.isInteger 判断一个数是否为整数//6.Math.trunc将数字的小数部分抹掉//7.Math.sign 判断一个数到底为正数负数还是零
Object.setPrototypeOf(obj,obj2)
getPrototypeOf only r setPrototypeOf
export.default.a
import{deault as m3}
script[type='module']
1.安装工具babel-cli babel-preset-env browserify(webpack)
babel src/js -d dist/js2.npx
3.打包
第4章ECMASript8新特性4.1.async和 awaitasync 和 await 两种语法结合可以让异步代码像同步代码一样4.1.1.async 函数1.async 函数的返回值为promise对象，2.promise对象的结果由 async函数执行的返回值决定I4.1.2.await表达式1. await必须写在async 函数中2. await 右侧的表达式一般为promise对象3.await返回的是promise成功的值4. await的promise 失败了，就会抛出异常，需要通过tr...catch 捕获处理
1.25.模块化模块化是指将一个大的程序文件，拆分成许多小的文件，然后将小文件组合起来。1.25.1.模块化的好处模块化的优势有以下几点：1）防止命名冲突2)代码复用3）高维护性
模块化规范产品1.25.2.ES6之前的模块化规范有：1) CommonJST => NodeJS、 Browserify2) AMDrequireJS=>3) CMDseaJS=>
ES6模块化语法1.25.3.T模块功能主要由两个命令构成：export和import。export 命令用于规定模块的对外接口import命令用于输入其他模块提供的功能
·4.2.Object.values 和 Object.entries1.Object.values()方法返回一个给定对象的所有可枚举属性值的数组2.Object.entries()方法返回一个给定对象自身可遍历属性[key,value]的数组4.3.0bject.getOwnPropertyDescriptors该方法返回指定对象所有自身属性的描述对象
function fn({host,port,...user})
reg reg.exec text
reg=/<a><\/a>/
group a
a
str='444ab555'
正向断言 /\d+(?=a)/ 444
- /(?<=b)\d+/ 555
57、ES9-ES9正则扩展-dotAl模式.mp4
除换行符以外的任意单个字符元字符//dot .
Object.fromEntries
Object.entries
str.trimend
arr.flat(2) arrdetph
arr.flatMap==flat+map
Symbol('x').desciption //x
class.Person.#age private attr
promise.all 1个ject就stop
.allsettled all runed ject/resolve
reg.matchAll genobject
origin match reg
obj.user?.name
import('.js').then
let n=521n bitint
globalThis brower.window/nodeobj
02、ES6-ECMAScript相关名词介绍.mp4
03、ES6-let变量声明以及声明特性.mp4
04、ES6-let经典案例实践.mp4
05、ES6-const声明常量以及特点.mp4
06、ES6-变量的解构赋值.mp4
07、ES6-模板字符串.mp4
08、ES6-对象的简化写法.mp4
09、ES6-箭头函数以及声明特点.mp4
10、ES6-箭头函数的实践与应用场景.mp4
11、ES6-函数参数的默认值设置.mp4
12、ES6-rest参数.mp4
13、ES6-扩展运算符的介绍.mp4
14、ES6-扩展运算符的应用.mp4
15、ES6-Symbol的介绍与创建.mp4
16、ES6-对象添加Symbol类型的属性.mp4
17、ES6-Symbol的内置属性.mp4
18、ES6-迭代器介绍.mp4
19、ES6-迭代器应用-自定义遍历数据.mp4
20、ES6-生成器函数声明与调用.mp4
21、ES6-生成器函数的参数传递.mp4
22、ES6-生成器函数实例.mp4
23、ES6-生成器函数实例-2.mp4
24、ES6-Promise介绍与基本使用.mp4
25、ES6-Promise封装读取文件.mp4
26、ES6-Promise封装AJAX请求.mp4
27、ES6-Promise.prototype..then方法.mp4
28、ES6-Promise实践练习-多个文件内容读取.mp4
29、ES6-Promise对象catch方法.mp4
30、ES6-集合介绍与API.mp4
31、ES6-集合实践.mp4
32、ES6-Map的介绍与API.mp4
33、ES6-class介绍与初体验.mp4
34、ES6-class静态成员.mp4
35、ES6-ES5构造函数继承.mp4
36、ES6-class的类继承.mp4
37、ES6-子类对父类方法的重写.mp4
38、ES6-class中getter和setter设置.mp4
39、ES6-ES6的数值扩展.mp4
40、ES6-ES6的对象方法扩展.mp4
41、ES6-模块化介绍、优势以及产品.mp4
42、ES6-浏览器使用ES6模块化引入模块.mp4
43、ES6-ES6模块暴露数据语法汇总.mp4
44、ES6-ES6引入模块数据语法汇总.mp4
45、ES6-浏览器使用ES6模块化方式二.mp4
46、ES6-babel对ES6模块化代码转换.mp4
47、ES6-ES6模块化引入NPM包.mp4
48、ES7-ES7新特性.mp4
49、ES8-async函数.mp4
50、ES8-await表达式.mp4
51、ES8-async与await结合读取文件内容.mp4
52、ES8-async与await结合发送AJAX请求.mp4
53、ES8-ES8对象方法扩展.mp4
54、ES9-ES9扩展运算符与rest参数.mp4
55、ES9-ES9正则扩展-命名捕获分组.mp4
56、ES9-ES9正则扩展-反向断言.mp4
57、ES9-ES9正则扩展-dotAll模式.mp4
58、ES10-对象扩展方法Object.fromEntries.mp4
59、ES10-字符串方法扩展-trimStart-trimEnd.mp4
60、ES10-数组方法扩展-flat与flatMap.mp4
61、ES10-Symbol.prototype.description.mp4
62、ES11-私有属性.mp4
63、ES11-Promise.allSettled方法.mp4
64、ES11-String.prototype.matchAll方法.mp4
65、ES11-可选链操作符.mp4
66、ES11-动态import.mp4
67、ES11-BigInt类型.mp4
68、ES11-绝对全局对象globalThis.mp4
浙公网安备 33010602011771号