1、class 通过该关键词，可以定义类，基本上，es6的class可以看做只是一个语法糖,并且在类的内部所有定义的方法，都是不可枚举的 <1>在class里面定义一个constructor的构造方法，this关键词代表的是实例对象，需要对class传递参数的话，就用constructor来接收 该方法是类的默认行为，通过new命令省事对象实例时，自动调用该方法，一个类必须有co
转载
2024-07-17 23:48:36
23阅读
变量1. let 和 const 声明的变量不在window上了2. es6中对于块级作用域里的函数声明实现不统一，要避免在大括号里声明函数，尽量用函数表达式来替代。3. let和const声明的变量有暂时性死区 解构赋值1. 解构赋值的本质是模式匹配，冒号左侧是模式，冒号右侧才是要赋值的变量。没有冒号的写法是冒号左右相同时的简写版本。2. 解构赋值可以有默认值3. 想跳过可以用逗号[,
转载
2024-03-06 18:32:48
65阅读
在现代前端开发中，使用 Axios 进行 HTTP 请求已经变得越发普遍。但在某些情况下，我们需要保证多个 Axios 请求的顺序执行。这篇博文将详细介绍如何解决这个问题，包括版本对比、迁移指南、兼容性处理、实战案例、排错指南和性能优化等方面的内容。
### 版本对比
#### 时间轴（版本演进史）
```mermaid
timeline
title Axios 版本演进
2
ECMAScript 6简介
ECMAScript 6.0（以下简称ES6）是JavaScript语言的下一代标准，已经在2015年6月正式发布了。它的目标，是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言。
标准的制定者有计划，以后每年发布一次标准，使用年份作为版本。因为ES6的第一个版本是在2015年发布的，所以又称ECMAScript 2015（简称ES201
面向对象面向对象更贴近我们的实际生活，可以使用面向对象描述现实世界事物，但是事物分为具体的事物和抽象的事物手机抽象的(泛指的)荣耀p30具体的(特指的)面向对象的思维特点:抽取(抽象)对象共用的属性和行为组织(封装)成一个类(模板)对类进行实例化，获取类的对象面向对象编程我们考虑的是有哪些对象，按照面向对象的思维特点不断的创建对象，使用对象，指挥对象做事情.1、对象现实生活中：万物皆对象，对象是一
转载
2024-02-18 13:24:44
43阅读
01、问：ES6是什么，为什么要学习它，不学习ES6会怎么样?答：ES6是新一代的JS语言标准，对分JS语言核心内容做了升级优化，规范了JS使用标准，新增了JS原生方法，使得JS使用更加规范，更加优雅，更适合大型应用的开发。学习ES6是成为专业前端正规军的必经之路。不学习ES6也可以写代码打鬼子，但是最多只能当个游击队长。02、问：ES5、ES6和ES2015有什么区别?答：ES2015特指在20
转载
2024-08-09 09:06:25
28阅读
JavaScript 提供了多种新增，移除，替换数组元素的方法，但是有些会影响原来的数组；有些则不会，它是新建了一个数组。注意：区分以下两个方法的不同点：array.splice() 影响原来的数组array.slice() 不影响原来的数组I. 新增：影响原数组使用 array.push() 和 array.ushift() 新增元素会影响原来的数组。let mutatingAdd = ['a'
基本用法Object.assign方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）。1 const target = { a: 1 };
2
3 const source1 = { b: 2 };
4 const source2 = { c: 3 };
5
6 Object.assign(target, source1, so
Object.assign()Object.assign() 方法用于对象的合并，将所有自身的（非继承的）可枚举属性的值从一个或多个源对象拷贝到目标对象。返回目标对象。目标对象自身也会改变。Object.assign(target, ...sources) target: 目标对象。 sources: 源对象。Object.assign() 合并拷贝属性的限制只拷贝源对象的自身属性（不拷贝继承属性
转载
2024-10-06 18:43:48
302阅读
ES6解构赋值原理详解ES6变量的解构赋值本质上是“模式匹配”,只要等号两边的模式相同，左边的变量就会被赋予匹配的右边的值，如果匹配不成功变量的值就等于undefined数组的解构赋值ES6中只要某种数据有Iterator接口（也就是可以循环迭代），都可以进行数组的解构赋值。Example1：数组的解构var [a,b,c] = [1,2,3];
var [d,[e],...f] = [4,[5]
定义数组 const array =[1,2];
const arr = new Array(1,2,3,4);
const array1 = new Array();
array1[0]="test";给数组不同位置插值，及头部弹出元素和尾部弹出元素的方法： 常用方法1. array.concat(array1, array2,...arrayN);合并多个数
转载
2024-09-23 22:32:33
64阅读
目录
let / const 解构赋值箭头函数模板字符串
async / await （ES 2017）模块导入 / 导出以上排名不分先后~都！很！重！要！let / const在 let 和 const 出现之前，js 中定义变量的关键字只有 var，不过 var 有一个缺点，没有块级作用域。比如下面这段代码： 我们运行一下，控制台的输出结果会是这样： 我们可以看到，在
转载
2024-07-18 23:09:24
45阅读
# 使用 ES6 和 Axios 进行简洁的 HTTP 请求
在现代 JavaScript 开发中，处理 HTTP 请求的方式有很多，Axios 是其中一种非常流行的库。由于其简单性和丰富的功能，Axios 在开发过程中常常被开发者们选用。本文将通过 ES6 中的类和 Axios 库，来展示如何高效地进行 HTTP 请求，同时提供一些代码示例和使用技巧。
## 一、什么是 Axios？
Ax
原创
2024-10-27 05:20:12
15阅读
JavaScript面向对象详解(一)ES6之前的JavaScript面向对象比较不好理解，涉及到很多知识和思想。ES6增加了class和extends来实现类的封装和继承，但是通过babel转换成ES5之后还是之前的一套逻辑。这里，我打算用四篇文章，来讲解一下关于ES5中面向对象的知识体系，一起学习一下吧！一. JavaScript的对象 1.1. 传统对象 vs JavaScript对象传统的
转载
2024-04-20 10:31:57
57阅读
ES6总结系列之 数组的扩展 篇1.扩展运算符(…)①扩展运算符(spread)好比rest参数的逆运算，将一个数组转化为逗号分隔的参数序列，可以想象成去掉中括号[]
console.log(...[1, 2, 3])
// 1 2 3②扩展运算符后面还可以放置表达式const arr = [
...(x > 0 ? ['a'] : []),
'b',
];③可以实现数组深拷贝con
目录一：ES6中rest剩余参数数组替代了arguments伪数组1.写法...args：rest剩余参数（用在形参上面，传递数组）原理：将用逗号分隔的参数序列转为一个数组 2.和arguments的区别 一个是数组，一个是伪数组二：spread扩展运算符，是rest参数的逆运算1.原理：将一个数组转为用逗号分隔的参数序列2.应用举例：①将伪数组转换成真正的数组 ②
1、Object.assign() 对象的合并2、链判断运算符（链式判断对象的某个属性）3、Null 判断运算符（指定默认值）
1、Object.assign() 对象的合并 用于对象的合并，将源对象(source)的所有可枚举属性，复制到目标对象中。Object.assign(target, source1, source2) target：目标对象 source1,…sourcen：
转载
2024-06-05 12:51:29
292阅读
在ES5中，我们经常使用方法或者对象去模拟类的使用，并基于原型实现继承，虽然可以实现功能，但是代码并不优雅，很多人还是倾向于用 class 来组织代码，很多类库、框架创造了自己的 API 来实现 class 的功能。ES6 时代终于有了 class （类）语法，能让我们可以用更简明的语法实现继承，也使代码的可读性变得更高，同时为以后的JavaScript语言版本添加更多的面向对象特征
转载
2024-04-22 07:17:15
41阅读
从值的转换到数学计算，ES6给各种内建原生类型和对象增加了许多静态属性和方法来辅助这些常见任务。另外，一些原生类型的实例通过各种新的原型方法获得了新的能力。注意： 大多数这些特性都可以被忠实地填补。我们不会在这里深入这样的细节，但是关于兼容标准的shim/填补，你可以看一下“ES6 Shim”(https://github.com/paulmillr/es6-shim/)。Array在J
转载
2024-06-05 18:07:36
44阅读
目录数组的扩展目录1.Array.from()1.1 类似数组的对象1.2 可遍历对象(具有Iterator接口)1.3 扩展运算符(…)也可将某些对象转为数组1.4 第二个参数2.Array.of()3.数组实例的copyWithin()4.数组实例的find()和findIndex()5.数组实例的fill()6.数组实例的entries(),keys()和values()6.数组实例的inc
转载
2024-10-15 16:57:09
21阅读
