一.Promise入门准备阶段

痛定思痛。 2023-02-23 15:23 79阅读 0赞

### 一.Promise入门准备阶段 ###

*  1.区别实例对象呵函数对象
 *  2.两种类型的回调函数（同步与异步）
 *   *  2.1 同步回调
     *  2.2 异步回调
 *  3.JS的error处理
 *   *  3.1 错误的类型
     *  3.2 错误处理与错误对象

# 1.区别实例对象呵函数对象 #

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

function F() {
         //F函数
    }
    const f = new F()	//F是构造函数，f是实例对象，简称为对象
    console.log(F.prototype)	//F是函数对象
    F.call({
        })	//F是函数对象
    $("#root")	//jQuery函数
    $.get('./test')	  //jQuery函数对象

# 2.两种类型的回调函数（同步与异步） #

## 2.1 同步回调 ##

*  理解：立即执行，完全执行完了才结束，不会放入回调队列中
 *  例子：数组遍历相关的回调函数 / Promise的excutor函数

const arr = [1, 2, 3];
    arr.forEach(item => {
          //遍历回调，同步回调函数，不会放入队列，一上来就执行
        console.log(item);
    });
    console.log("forEach()之后");

## 2.2 异步回调 ##

*  理解：不会立即执行，会放入回调队列中将来执行
 *  例子：定时器回调 / ajax回调 / Promise的成功|失败的回调

setTimeout( () => {
          //异步回调函数，会放入队列中将来执行
        console.log("timeout callback()");
    }, 0);
    console.log("setTimeout()之后");

# 3.JS的error处理 #

## 3.1 错误的类型 ##

*  Error：所有错误的父类型
 *  ReferenceError：引用的变量不存在
 *  TypeError：数据类型不正确的错误
 *  RangeError：数据值不在其所允许的范围内
 *  SyntaxError：语法错误

// 常见的内置错误
     // 1.ReferenceError：引用的变量不存在
     console.1og(a) // ReferenceError: a is not defined
     console.log('-----')// 没有捕获error，下面的代码不会执行
     // 2.TypeErron: 数据类型不正确的错误
     let b
     console.1og(b.xxx) // TypeError: Cannot read property "XXX" of undefined
     b=0
     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

## 3.2 错误处理与错误对象 ##

**错误处理**:

*  捕获错误： try … catch
 *  抛出错误：throw error

**错误对象:**

*  message属性：错误相关信息
 *  stack属性：函数调用栈记录信息  
    在捕获错误时进入调试模式，可以看到：  
    ![1][]

// 错误处理
    // 捕获错误：try ...catch
    try {
        
    	let d;
    	console.log(d.xxx);
    } catch (error) {
        
    	console.log(error);
    	console.log(error.message)
    	console.log(error.stack)
    }
    console.1og('出错之后');
    
    // 抛出错误：throw error
    function something() {
        
    	if(Date.now(）%2===1) {
        
    		console.1og('当前时间为奇数，可以执行任务');
    	}
    	else {
        
    		throw new Error('当前时间为偶数无法执行任务')//传入message
    	}
    }
    // 捕获处理异常
    try  {
        
    	something()
    } catch (error) {
        
    	alert(error.message)
    }

[1]: https://img-blog.csdnimg.cn/20200707215031404.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3AxOTY3OTE0OTAx,size_16,color_FFFFFF,t_70