区别实例对象与函数对象
- 实例对象:new 函数产生的对象,称为实例对象,简称为对象函数
- 函数对象:将函数作为对象使用时,简称为函数对象
function Fn(){} //Fn函数
const fn = new Fn() //Fn是构造函数 fn是实例对象(简称为对象)
console.log(Fn.prototype) //Fn是函数对象
Fn.call({}) //Fn是函数对象
$('#test') //jQuery函数
$.get('/test') //jQuery函数对象
回调函数
什么是回调函数?
因为函数实际上是一种对象,即是内置对象,它可以存储在变量中,通过参数传递给另一个函数,我们可以将它作为参数传递给另一个函数,到函数中执行,甚至执行后将它返回。
回调函数是一个作为变量传递给另外一个函数的函数,它在主体函数执行完之后执行。
回调函数的作用
js代码会至上而下一条线执行下去,但是有时候我们需要等到一个操作结束之后再进行下一个操作,这时候就需要用到回调函数。
回调函数的特点:
1)不会立刻执行
回调函数作为参数传递给一个函数的时候,传递的只是函数的定义并不会立即执行。和普通的函数一样,回调函数在函调用函数数中也要通过()
运算符调用才会执行。
2)是个闭包
回调函数是一个闭包,也就是说它能访问到其外层定义的变量。
3)执行前类型判断
在执行回调函数前最好确认其是一个函数。
二种类型的回调函数
1.同步回调
立即执行,完全执行完了才结束,不会放入回调队列中
例子:数组遍历相关的回调函数 、Promise的 excutor 函数
2.异步回调
不会立即执行,会放入回调队列中将来执行
例子:定时器回调、Ajax回调、Promise的成功或失败的回调
1.同步回调函数
//1.同步回调函数
const arr = [1,3,5];
arr.forEach(item => { //遍历回调,同步回调函数
console.log(item)
})
console.log('forEach()之后')
2.异步回调函数
//2.异步回调函数
setTimeout(() => { //异步回调函数,会放入队列中将来执行,不会放入队列,一上来就要执行完
console.log('timeout callback()');
},0)
console.log('setTimeout()之后')
JS 的error处理
错误的类型
- Error:所有错误的父类型
- ReferenceError:引用的变量不存在
- TypeError:数据类型不正确的错误
- RangeError:数据值不在其所允许的范围内
- SyntaxError:语法错误
常见内置错误
1)ReferenceError:引用的变量不存在
console.log(a); //ReferenceError: a is not defined
console.log('------'); //没有捕获error,下面的代码不会执行
2. TypeError:数据类型不正确的错误
let b
console.log(b.xxx) //TypeError: Cannot read property 'xxx' of undefined
let b
b = {}
b.xxx() //TypeError: b.xxx is not a function
3)RangeError:数据值不在其所允许的范围内
function fn() {
fn()
}
fn() //RangeError: Maximum call stack size exceeded
4)SyntaxError:语法错误
const c = """"; //SyntaxError: Unexpected string
错误对象
message属性:错误相关信息
stack属性:函数调用栈记录信息
错误处理
捕获错误:try … catch
抛出错误:throw error
1)捕获错误:try … catch
try{
let d
console.log(d.xxx);
}catch(error){
console.log(error.message);
console.log(error.stack);
}
console.log('出错之后');
2)抛出错误:throw error
function something() {
if(Date.now() % 2 === 1){
console.log('当前时间为奇数,可以执行任务');
} else { //如果时间是偶数抛出异常,由调用来处理
throw new Error('当前时间为偶数,无法执行任务');
}
}
// 捕获处理异常
try {
something()
} catch(error){
console.log(error.message);
}