应用场景 取消请求在前端有时候会用到，以下是两个工作中可能会用到的场景 tab切换时刷新某个列表数据，如果他们共用一个变量存储数据列表，当请求有延时，可能会导致两个tab数据错乱； 导出文件或下载文件

全局上下文是最外围的一个执行环境，web浏览器中被认为是window对象。在初始化代码时会先进入全局上下文中，每当一个函数被调用时就会为该函数创建一个执行上下文，每个函数都有自己的执行上下文。来看一段代码： 这段代码有4个执行上下文：全局上下文和f1()，f2()，f3()属于…

在这篇文章里面, 我们将会讨论三种不同的方式来实现 JavaScript 中的对象继承. 你将会看到我们使用其他语言例如 Java 中的通过让一个类继承一个可被多个子类继承的超类来继承其属性与方法的方式来实现继承. 也即是说, 在 Java 中, 继承是通过让一个类继承于其他的…

Error类的用法很简单，new或者直接把Error当成function来用都行，然后在你认为需要抛出异常的地方throw它。 你需要一个自定义错误类。JS原生的错误类型只能定义基本的语言类异常，而我们在业务代码中，需要频繁地定义、抛出一些与业务强相关的异常，比如： 校验验证码…

尽管typeof bar ===“object”是检查bar是否是对象的可靠方法，但JavaScript中令人惊讶的问题是null也被认为是一个对象！ 因此，对于大多数开发人员来说，下面的代码会将真实（而不是错误）记录到控制台： 只要知道这一点，就可以通过检查bar是否为空来轻…

在这个例子中，Person就是一个构造函数，我们使用new创建了一个实例对象person。 其实，函数的prototype属性指向了一个对象，这个对象正是调用该构造函数而创建的实例的原型,也就是这个例子中的person1和person2的原型。 那么什么是原型呢？你可以这样理解…

可以发现上面的代码看起来是非常可怕的，层层嵌套，如果在加上复杂的逻辑判断，代码可读性会变得非常差。 基于上面的应用场景发现promise可以有三种状态，分别是pedding 、Fulfilled、 Rejected。 构造一个Promise实例需要给Promise构造函数传入一…

JS 与原生交互、Node.js 、Vue、React

ajax是一种和后台通信的标准。全称是Asynchronous Javascript And XML(异步javascript和XML)。 这些需要刻意背一下，其中1和{}是语法错误。null和undefined是因为没有toString方法,可以使用call来借用(想详细了解…