【JavaScript】Promise(零) —— 准备工作(实例对象、函数对象、回调函数分类、捕获抛出错误)

简介: 【JavaScript】Promise(零) —— 准备工作(实例对象、函数对象、回调函数分类、捕获抛出错误)

一、实例对象和函数对象

1. 函数对象

将函数作为对象使用时,简称为函数对象。

2. 实例对象

new 构造函数或类产生的对象,称之为实例对象。

3. 举例
  // 函数对象
  function Person(name, age){
        this.name = name
        this.age = age
    }
    Person.a = 1  // 将Person看成一个对象
    const p1 = new Person('小宏', 22) //p1是Person的实例对象
    console.log(p1)

8c0073a25d474fdea93115a4dc87cb94.png

二、回调函数的分类

1. 什么是回调?

我们定义的,我们没有调用,最终执行了

2. 同步回调函数
  1. 理解:立即在主线程上回调,不会放入回调队列中。
  2. 例子:数组遍历相关的回调函数 / Promise的executor函数
  let arr = [1, 3, 5, 7, 9]
    arr.forEach((item)=>{
        console.log(item);
    })
    console.log('主线程的代码');

同步的回调:按顺序执行

11893c1c7222444087a24ecb023bf8e0.png

3. 异步回调函数
  1. 理解:不会立即执行,会放入回调队列中以后执行
  2. 例子:定时器回调 / ajax回调 / Promise的成功、失败的回调
  setTimeout(()=>{
        console.log('@');
    }, 1000)
    console.log('主线程的代码');

同步的回调:按队列执行

064d1569cbb34ba687950f024d0c89ff.png

三、JS 中的 Error

1. 错误类型

Error:所有错误的父类型

  1. ReferenceError:引用的变量不存在
  console.log(a);

没有定义,直接输出

1633293696f44532ac36f24b5f69c9df.png

  1. TypeError:数据类型不正确
  const demo = () => {} 
    demo()()

demo() 为undefined,undefined() 为类型错误

75bf341e9bf34875b674f6f7bf4430be.png

  1. RangeError:数据值不在其所允许的范围内——死循环
  const demo = () => {demo()}
    demo()

死循环,队列栈已满

d30c113c716b43719a06f229c58ff218.png

  1. SyntaxError:语法错误
  console.log(1;

语法错误,丢失了半个括号

4fa8d0cc2b424793a20952efeb121c4c.png

2. 捕获错误

捕获错误:使用 try{} catch{}

  try {
        console.log(1);
        console.log(a);
        console.log(2);
    } catch (error) {
        console.log('代码执行错误,错误原因:', error);
    }

使用异常捕获,错误不飘红


a4d55465eef9407f8d5d91597283ef5d.png

3. 抛出错误

抛出错误:throw error

  function demo() {
        const date = Date.now()
        if (date % 2 === 0) {
            console.log('偶数,可以正常工作');
        } else {
            throw new Error('奇数,不可以工作')
        }
    }
    try {
        demo()
    } catch (error) {
        console.log('@', error);
    }

获取时间戳,偶数可工作,奇数不可工作

1faa76b165c041ea838029cb7d41ebf2.png

8be0bd6cbdab4b4fa06541a19fe52d19.png

不积跬步无以至千里 不积小流无以成江海

目录
打赏
0
0
0
0
10
分享
相关文章
|
10天前
|
在Promise链中,如果前面的catch方法没有捕获到错误,后面的catch方法还会执行吗?
在Promise链中,如果前面的catch方法没有捕获到错误,后面的catch方法还会执行吗?
84 58
JavaWeb JavaScript ③ JS的流程控制和函数
通过本文的详细介绍,您可以深入理解JavaScript的流程控制和函数的使用,进而编写出高效、可维护的代码。
69 32
使用 try-catch 语句来捕获 Promise 中的异常
【10月更文挑战第26天】使用try-catch语句捕获Promise中的异常是一种非常实用的技术,能够使异步代码的错误处理更加清晰、可控,提高程序的可靠性和稳定性。在实际开发中,合理地运用try-catch语句以及其他相关的错误处理机制,可以有效地应对各种可能出现的异常情况,为用户提供更好的体验。
[JS]同事:这次就算了,下班回去赶紧补补内置函数,再犯肯定被主管骂
本文介绍了JavaScript中常用的函数和方法,包括通用函数、Global对象函数以及数组相关函数。详细列出了每个函数的参数、返回值及使用说明,并提供了示例代码。文章强调了函数的学习应结合源码和实践,适合JavaScript初学者和进阶开发者参考。
59 2
[JS]同事:这次就算了,下班回去赶紧补补内置函数,再犯肯定被主管骂
除了 Generator 函数,还有哪些 JavaScript 异步编程解决方案?
【10月更文挑战第30天】开发者可以根据具体的项目情况选择合适的方式来处理异步操作,以实现高效、可读和易于维护的代码。
JavaScript 函数语法
JavaScript 函数是使用 `function` 关键词定义的代码块,可在调用时执行特定任务。函数可以无参或带参,参数用于传递值并在函数内部使用。函数调用可在事件触发时进行,如用户点击按钮。JavaScript 对大小写敏感,函数名和关键词必须严格匹配。示例中展示了如何通过不同参数调用函数以生成不同的输出。
JS函数提升 变量提升
【10月更文挑战第6天】函数提升和变量提升是 JavaScript 语言的重要特性,但它们也可能带来一些困惑和潜在的问题。通过深入理解和掌握它们的原理和表现,开发者可以更好地编写和维护 JavaScript 代码,避免因不了解这些机制而导致的错误和不一致。同时,不断提高对执行上下文等相关概念的认识,将有助于提升对 JavaScript 语言的整体理解和运用能力。

热门文章

最新文章