前端学习博客

【ES6】再学Class文章目录【ES6】再学Class一、弄懂在类中定义属性或方法的几种方式总结：注意点：二、在 class 中定义静态属性和方法三、类却不存在提升机制注意点：（1）严格模式（2）name属性四、同名的属性或方法会被 constructor 中的覆盖五、实现私有方法和私有属性方法一：在命名上加以区别方法二：将私有方法移出类方法三：利用`Symbol`值的唯一性，将私有方法的名字命名为一个`Symbol`值方法四：在属性名之前，使用`#`表示一个🌰私有属性也可以设置 getter 和 se

【promise】注意点一、promise异常穿透当使用 promise 的 then 链式调用时, 可以在最后指定失败的回调前面任何操作出了异常, 都会传到最后失败的回调中处理在.then()中, 我们经常传入onResolved用以处理成功时的数据, 一般不在then里面传入onRejected, 而处理失败的数据一般放在最后的.catch()中:// 现在执行失败:new Promise((resolve, reject) => { reject('失败了')}).then

【Promise】代码输出面试题文章目录【Promise】代码输出面试题promise相关1.11.21.31.41.5 --> finally1.61.71.8关于promise.then.then2.12.22.32.42.52.6async,await相关3.13.23.3 --> try catch3.43.53.6关于 Promise.resolve4.1总结：promise相关1.1const promise = new Promise((resolve, reject) =

Proxy 与 Reflect文章目录Proxy 与 ReflectProxy定义：举例 set 与 get：Proxy共有13个捕获器Proxy的construct和apply：ReflectReflect有什么用呢？用 Reflect 对原来的 Proxy 进行改写Receiver的作用ProxyObject.defineProperty设计的初衷，不是为了去监听截止一个对象中所有的属性的。我们在定义某些属性的时候，初衷其实是定义普通的属性，但是后面我们强行将它变成了数据属性描述符。p 其次

ES6+ 新特性总结（ES7 ~ ES12）文章目录ES6+ 新特性总结（ES7 ~ ES12）ES7（ES2016）Array Includes指数(乘方) exponentiation运算符ES8（ES2017）Object valuesObject entriesString Padding：padStart、padEndTrailing CommasObject DescriptorsES9（ES2018）Async iterators对象扩展运算符（...）Promise finallyES10

Set 和 Map 数据结构文章目录Set 和 Map 数据结构一、Set基本使用Set实例的属性和方法遍历操作（1）`keys()`，`values()`，`entries()`（2）`forEach()`二、WeakSet方法三、Map与其他数据结构的互相转换四、WeakMap方法一、Set基本使用Set，它类似于数组，但是成员的值都是唯一的，没有重复的值。const s = new Set();[2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x))

文章目录JavaScript 模块化规范CommonJS定义和引用特性举例require文件查找规则模块的加载过程CommonJS规范缺点AMD定义和引用CMD定义和引用ES6 模块定义和引用exports关键字(导出)import关键字(导入)export和import结合使用default用法JavaScript 模块化规范JavaScript 模块化规范，包括原生规范 ES6 模块、Node.js 采用的 CommonJS，以及开源社区早期为浏览器提供的规范 AMD，具有 CommonJS 特性和

ES6 详细笔记ES6中的特性let 和 const变量的赋值解构字符串的扩展正则的扩展数值的扩展函数的扩展对象的扩展运算符的扩展SymbolSet 和 MapProxyReflectPromiseIteratorfor … ofGeneratorasyncClassModule这里按照ES6标准入门的目录顺序写的笔记，只写了一部分，后序的部分分成了好几篇笔记写的。文章目录ES6 详细笔记1.let/constⅠ-概括与总结Ⅱ-let关键字Ⅲ-const关键字

文章目录class的基本用法constructor 方法类的实例注意点**（1）不存在提升****（2）name 属性**静态方法Class 的继承super 关键字1) `super`作为函数调用时2) `super`作为对象调用时原生构造函数的继承类的混入mixinclass的基本用法举例：//# 父类class Person { constructor(name, age, height) { this.name = name this.age = age this

1.数组的解构赋值①基本用法ES6 允许写成下面这样。let [a, b, c] = [1, 2, 3];上面代码表示，可以从数组中提取值，按照对应位置，对变量赋值。本质上，这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值。举例：let [foo, [[bar], baz]] = [1, [[2], 3]];foo // 1bar // 2baz // 3let [ , , third] = ["foo", "bar", "baz"];third /

文章目录Class 的基本语法1.简介①基本使用：②`Object.assign()`方法：③类的内部所有定义的方法，都是不可枚举的④constructor方法⑤取值函数（getter）和存值函数（setter）⑥注意点2.静态方法super()关键字Object.getPrototypeOf()方法3.继承①继承内置类②类的混入mixin③类的 prototype 属性和__proto__属性④实例的 __proto__ 属性Class 的基本语法1.简介①基本使用：es5中：function