JavaScript中的实例对象与函数对象、回调函数、JavaScript的error处理

区别实例对象与函数对象

1. 实例对象：new 函数产生的对象，称为实例对象，简称为对象函数
2. 函数对象：将函数作为对象使用时，简称为函数对象

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处理

错误的类型

1. Error：所有错误的父类型
2. ReferenceError：引用的变量不存在
3. TypeError：数据类型不正确的错误
4. RangeError：数据值不在其所允许的范围内
5. 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);
}