准备
函数调用
回调函数
- 是自定义函数
- 不用调用,自己执行
JavaScript的异步处理可以用回调函数,回调函数的使用就是确保一段代码执行完毕之后再执行另一段代码的方式
function doHomework(subject, callback){
console.log("start my " + subject + " homework.");
callback();
}
function finish(){
console.log("finish my homework.");
}
doHomework('math', finish);
// start my math homework.
// finish my homework.
finish函数作为回调函数,确保doHomework函数执行完毕之后才执行
同步回调
按顺序立即执行
const arr = [1, 3, 5]
arr.forEach((item)=>{
console.log(item)
})
console.log("finish")
输出 1 3 5 finish
异步回调
不会立即执行,放入任务队列中等待同步任务执行完毕再执行
setTimeout(()=>{
console.log("s")
},0)
console.log("w")
输出 w s
实例对象和函数对象
括号左边的是函数,点的左边是对象
function Fn(){
}
const fn = new Fn() // fn是实例对象(简称对象),Fn是构造函数
console.log(Fn.prototype) // Fn是函数对象
错误
常见的内置错误
ReferenceError
表示引用的变量不存在
console.log(a) // ReferenceError: a is not define
TypeError
表示数据类型不正确
let b = {
}
b.xxx() // TypeError: b.xxx is not a function
RangeError
表示数据值不在其允许的范围内
function fn(){
fn()
}
fn() // RangeError: Maximum call stack size exceeded
函数的调用有次数限制,超过这个maximum次数就报错(溢出)
SnytaxError
表示语法错误
const c = """" // SytaxError: Unexpected sytax
错误处理
捕获错误 try…catch
error是一个对象,有message和stack属性
try{
let b = {
}
b.xxx()
}catch(error){
console.log(error.message)
console.log(error.stack)
}
抛出错误 throw error
如果满足什么条件就主动抛出错误
下面例子判断当前日期,如果为奇数就正常执行,为偶数就alert无法执行
function something(){
if (Date.now()%2 == 1){
console.log("当前时间为奇数,可以执行任务")
}else{
// 创建Error对象,抛出错误
throw new Error("当前时间为偶数,无法执行任务")
}
}
// 捕获处理异常,因为something里面可能出现异常,要在这里捕获,否则如果出现异常就会报错
try{
something()
}catch(error){
alert(error.message)
}
Promise的理解和使用
理解Promise
- Promise是JS中进行异步编程的新的解决方案(旧的是回调函数)
- 从语法上来说,Promise是一个构造函数
- 从功能上来说,Promise对象用来封装一个异步操作并可以获取其结果
直接console.dir()出来看Promise
发现Promise是一个构造函数,其只接受一个参数,是一个回调函数function(),并且传入两个参数:resolve,reject,这两个参数都是回调函数,在这个函数参数function内部调用。
Promise构造出来的实例函数有then、catch等方法(来自于原型链)
Promise的状态改变
Promise函数基本用法
其实Promise函数的使命,就是构建出它的实例,并且负责帮我们管理这些实例。而这些实例有以下三种状态:
- pending: 初始状态,未履行或拒绝
- resolve: 意味着操作成功,返回value
- rejecte: 意味着操作失败,返回reason
基本用法如下,只写then或catch分别表示这个promise只执行resolve或reject的情况
// 1. 创建一个新的Promise对象
new Promise(function(resolve,reject){
// 2. 执行异步操作任务
setTimeout(()=>{
const time = Date.now()
// 3.1 如果成功了,则调用resolve(value)
if (time%2 == 0){