Promise

概述 什么是 Promise ? Promise 对象用于表示一个异步操作的最终完成(或失败)及其结构值 Promise 的好处是什么? 逻辑更清晰(成功或失败会关联后续的处理函数) 了解 axios 函数内部运作的机制 解决回调函数地狱问题 123456789101112131415161718/** * 目标:使用Promise管理异步任务*/// 1. 创建Promise对象...

ES6

异常处理

throw异常处理是指预估代码执行过程中可能发生的错误,然后最大程度的避免错误的发生导致整个程序无法继续运行 总结: throw 抛出异常信息,程序也会终止执行 throw 后面跟的是错误提示信息 Error 对象配合 throw 使用,能够设置更详细的错误信息 1234567891011121314<script> function counter(x, y) {...

Javascript

深浅拷贝及其实现方式

浅拷贝首先浅拷贝和深拷贝只针对引用类型 浅拷贝:拷贝的是地址 常见方法: 拷贝对象1.Object.assgin()object.assign 是 ES6 中 object 的一个方法,该方法可以用于 JS 对象的合并。我们可以使用它来实现浅拷贝。 该方法的参数 target 指的是目标对象,sources指的是源对象。使用形式如下: 1Object.assign(target, ...so...

Javascript

Javascript 面向对象

原型对象构造函数通过原型分配的函数是所有对象所 共享的。 JavaScript 规定,每一个构造函数都有一个 prototype 属性,指向另一个对象,所以我们也称为原型对象 这个对象可以挂载函数,对象实例化不会多次创建原型上函数,节约内存 我们可以把那些不变的方法,直接定义在 prototype 对象上,这样所有对象的实例就可以共享这些方法。 构造函数和原型对象中的this 都指向 实例...

Javascript

Javascript 构造函数

构造函数构造函数是专门用于创建对象的函数,如果一个函数使用 new 关键字调用,那么这个函数就是构造函数。 12345678<script> // 定义函数 function foo() { console.log('通过 new 也能调用函数...'); } // 调用函数 new foo;</script> ...

Javascript

Javascript 解构赋值

解构赋值是一种快速为变量赋值的简洁语法,本质上仍然是为变量赋值,分为数组解构、对象解构两大类型。 1. 数组解构数组解构是将数组的单元值快速批量赋值给一系列变量的简洁语法,如下代码所示: 12345678910111213<script> // 普通的数组 let arr = [1, 2, 3] // 批量声明变量 a b c // 同时将数组单元值 1 2 3 依次赋...

Javascript

Javascript 函数提升与参数、箭头函数

1. 函数提升函数提升与变量提升比较类似,是指函数在声明之前即可被调用。 1234567891011121314<script> // 调用函数 foo() // 声明函数 function foo() { console.log('声明之前即被调用...') } // 不存在提升现象 bar() // 错误 var...

Javascript

Javascript 作用域和作用域链

作用域(scope)规定了变量能够被访问的“范围”,离开了这个“范围”变量便不能被访问,作用域分为全局作用域和局部作用域。 1. 局部作用域局部作用域分为函数作用域和块作用域。 函数作用域在函数内部声明的变量只能在函数内部被访问,外部无法直接访问。 123456789101112<script> // 声明 counter 函数 function counter(x, y) ...

Javascript

Javascript 正则表达式

概念定义正则表达式(Regular Expression)是一种字符串匹配的模式(规则)。 使用场景 例如验证表单:手机号表单要求用户只能输入11位的数字 (匹配) 过滤掉页面内容中的一些敏感词(替换),或从字符串中获取我们想要的特定部分(提取)等 正则基本使用 定义规则1const reg =  /表达式/ 其中/ /是正则表达式字面量 正则表达式也是对象 使用正则 test()...

Javascript

Javascript 本地存储

本地存储:将数据存储在本地浏览器中 常见的使用场景: https://todomvc.com/examples/vanilla-es6/ 页面刷新数据不丢失 好处: 1、页面刷新或者关闭不丢失数据,实现数据持久化 2、容量较大,sessionStorage和 localStorage 约 5M 左右 localStorage(重点)作用: 数据可以长期保留在本地浏览器中,刷新页面和关闭页面,...

Javascript
1234568