当前位置：首页 > news >正文

蓝旭前端05：JavaScript进阶

news 2026/1/30 21:38:30

蓝旭前端05：JavaScript进阶

基础简单复习

数据类型

基本数据类型：Number、String、Boolean、Null、Undefined等。
引用数据类型：Object、Array、Function等。
typeof操作符：返回数据类型的字符串形式。

变量

变量声明：var、let、const。区别：var没有块级作用域，let和const有块级作用域，const声明的变量不能修改。什么是块级作用域：{}。举例：
```
{var a = 1let b = 2const c = 3
}
console.log(a) // 1
console.log(b) // 报错
console.log(c) // 报错
```
变量赋值：赋值操作符=。
变量命名：字母、数字、下划线、$，不能以数字开头。
变量作用域：全局作用域、局部作用域。
变量提升：变量声明会提升到作用域的最前面。
变量作用域链：内部作用域可以访问外部作用域的变量，反之不行。

运算符

算术运算符：+、-、*、/、%。
赋值运算符：=、+=、-=、*=、/=、%=。
比较运算符：==、!=、===、!==、>、<、>=、<=。
逻辑运算符：&&、||、!。
三元运算符：condition ? expr1 : expr2。

控制语句

if语句：if、else if、else。
switch语句：switch、case、break、default。
for循环：for、break、continue。
while循环：while、do while。
break语句：跳出循环。
continue语句：跳过本次循环。
return语句：返回值。

JavaScript引入

<!DOCTYPE html>
<html>
<head><-- 为什么不推荐在head引入script：阻塞页面渲染 --><script src="script.js"></script><title>JavaScript引入</title>
</head>
<body><script>// JavaScript代码</script>
</body>
</html>

JavaScript输出

console.log('Hello, World!')

JavaScript注释

// 单行注释
/* 多行注释 */

JavaScript弹窗

alert('Hello, World!')

Overview

获取元素
事件监听
事件对象
事件委托
事件绑定
事件解绑
事件触发
事件处理程序
异步编程(回调函数、Promise、async/await)

获取元素

通过ID获取元素

ID: 元素的id属性，是唯一的。

document.getElementById('id')

通过类名获取元素

class: 元素的class属性，可以有多个相同的类名。

document.getElementsByClassName('class')

多个类名之间用空格隔开，返回的是一个数组。

通过标签名获取元素

tag: 元素的标签名，如div、p、a等。

document.getElementsByTagName('tag')

通过选择器获取元素

selector: CSS选择器，如#id、.class、tag等。

document.querySelector('selector')
document.querySelectorAll('selector')// 举例
document.querySelector('#id')
document.querySelectorAll('.class')
document.querySelectorAll('tag')

区别：querySelector只返回第一个匹配的元素，querySelectorAll返回所有匹配的元素。

事件监听

element.addEventListener(event, function, useCapture)

解释：event是事件的类型，function是事件触发时执行的函数，useCapture是一个布尔值，表示事件是否在捕获阶段执行。

事件类型：click、mouseover、mouseout、keydown、keyup等。
事件处理函数：事件触发时执行的函数。
捕获阶段：事件从最外层元素向内层元素传播的阶段。例如：点击一个按钮，事件会从document传播到按钮。

事件监听的例子

举例：

document.getElementById('id').addEventListener('click', function() {console.log('click')
}, false)

解释：点击id为id的元素时，控制台输出click。这里false表示事件在冒泡阶段执行，若为true则表示事件在捕获阶段执行，默认是false(可不写)。

什么是冒泡阶段：事件从内层元素向外层元素传播的阶段。例如：点击一个按钮，事件会从按钮传播到document。
捕获阶段：事件从最外层元素向内层元素传播的阶段。例如：点击一个按钮，事件会从document传播到按钮。

冒泡阶段和捕获阶段的执行顺序：先捕获再冒泡。

冒泡和捕获的例子：

<!DOCTYPE html>
<html>
<head><title>事件监听</title>
</head>
<body><div id="div"><button id="btn">按钮</button></div><script>document.getElementById('div').addEventListener('click', function() {console.log('div')}, false)document.getElementById('btn').addEventListener('click', function() {console.log('btn')}, false)</script>
</body>
</html>

点击按钮，控制台输出：

btn
div

解释：点击按钮，事件先在按钮上触发，再在div上触发。
怎么阻止冒泡：使用event.stopPropagation()方法。
例如：

document.getElementById('btn').addEventListener('click', function(event) {console.log('btn')event.stopPropagation()
}, false)

这样点击按钮时，只会输出btn。

事件对象

事件对象是事件触发时传递给事件处理函数的一个对象，包含了事件的相关信息。

element.addEventListener('event', function(event) {// 事件对象
})

事件对象的属性：type、target、currentTarget、clientX、clientY等。
事件对象的方法：preventDefault()、stopPropagation()等。
事件对象的类型：click、mouseover、mouseout、keydown、keyup等。
事件对象的坐标：事件触发时的坐标。

事件对象的例子

举例：

document.getElementById('id').addEventListener('click', function(event) {console.log(event.type) // clickconsole.log(event.target) // 点击的元素console.log(event.currentTarget) // 绑定事件的元素console.log(event.clientX) // 鼠标点击的x坐标console.log(event.clientY) // 鼠标点击的y坐标
}, false)

事件委托

事件委托是指将事件绑定到父元素上，通过事件对象的target属性判断事件源，从而执行对应的事件处理函数。

element.addEventListener('event', function(event) {if (event.target.tagName === 'tag') {// 事件处理函数}
})

事件委托的优点：减少事件绑定，提高性能。
事件委托的原理：事件冒泡。
事件委托的应用：动态添加元素。

事件委托的例子

举例：

<!DOCTYPE html>
<html>
<head><title>事件委托</title>
</head>
<body><ul id="ul"><li>1</li><li>2</li><li>3</li></ul><script>document.getElementById('ul').addEventListener('click', function(event) {// 为什么要判断tagName：防止事件源不是li，注意tagName是大写，这是一个坑，这个属于DOM的知识// console.log(event.target.tagName)if (event.target.tagName === 'LI') {console.log(event.target.innerHTML)}}, false)</script>
</body>
</html>

事件绑定

事件绑定是指将事件处理函数绑定到元素上，当事件触发时执行对应的事件处理函数。

element.addEventListener('event', function, useCapture)

事件绑定的优点：解耦，提高代码的可维护性。
事件绑定的原理：事件监听。

事件绑定的例子

举例：

<!DOCTYPE html>
<html>
<head><title>事件绑定</title>
</head>
<body><button id="btn">按钮</button><script>document.getElementById('btn').addEventListener('click', function() {console.log('click')}, false)</script>
</body>
</html>

事件解绑

事件解绑是指将事件处理函数从元素上解绑，当事件不再触发时不执行对应的事件处理函数。

element.removeEventListener('event', function, useCapture)

事件解绑的优点：减少内存占用，提高性能。
事件解绑的原理：事件监听。

事件解绑的例子

举例：

<!DOCTYPE html>
<html>
<head><title>事件解绑</title>
</head>
<body><button id="btn">按钮</button><script>// 点击按钮一次后，再点击按钮，按钮的点击事件就会被解绑var btn = document.getElementById('btn');function clickHandler() {console.log('click');btn.removeEventListener('click', clickHandler);}btn.addEventListener('click', clickHandler);</script>
</body></html>

事件触发

事件触发是指手动触发元素上的事件，执行对应的事件处理函数。

element.dispatchEvent(event)

事件触发的应用：模拟用户操作。
事件触发的原理：事件监听。

触发的类型：click、mouseover、mouseout、keydown、keyup等。

事件触发的例子

举例：

<!DOCTYPE html>
<html>
<head><title>事件触发</title>
</head>
<body><button id="btn">按钮</button><div id="clr">变化颜色</div><div id="keyon">现在没有按下</div><script>var btn = document.getElementById('btn');btn.addEventListener('click', function() {console.log('click');}, false);// 手动触发按钮的点击事件btn.dispatchEvent(new Event('click'));var clr = document.getElementById('clr');clr.addEventListener('mouseover', function() {this.style.backgroundColor = 'red';}, false);// 手动触发div的mouseover事件// clr.dispatchEvent(new Event('mouseover'));var keyon = document.getElementById('keyon');document.addEventListener('keydown', function() {keyon.innerHTML = '按下了键盘';}, false);document.addEventListener('keyup', function() {keyon.innerHTML = '现在没有按下';}, false);// 手动触发键盘事件document.dispatchEvent(new KeyboardEvent('keydown', {key: 'a'}));</script>
</body>
</html>

事件处理程序

事件处理程序是指事件触发时执行的函数，用于处理事件。

事件处理程序的类型：内联事件处理程序、DOM0级事件处理程序、DOM2级事件处理程序。
事件处理程序的优点：解耦，提高代码的可维护性。

内联事件处理程序

内联事件处理程序是指将事件处理函数直接写在元素的事件属性中。

<!DOCTYPE html>
<html>
<head><title>内联事件处理程序</title>
</head>
<body><button onclick="console.log('click')">按钮</button>
</body>
</html>

优点：简单、直观。
缺点：不推荐使用，不利于代码的维护。

DOM0级事件处理程序

DOM0级事件处理程序是指将事件处理函数赋值给元素的事件属性。

<!DOCTYPE html>
<html>
<head><title>DOM0级事件处理程序</title>
</head>
<body><button id="btn">按钮</button><script>document.getElementById('btn').onclick = function() {console.log('click');}</script>
</body>
</html>

优点：简单、直观。
缺点：同一事件只能绑定一个处理函数。
注意：DOM0级事件处理程序会覆盖元素原有的事件处理函数。
注意：DOM0级事件处理程序不支持事件委托、不支持事件解绑、不支持事件触发、不支持事件对象。
注意：DOM0级事件处理程序不推荐使用，不利于代码的维护。

DOM2级事件处理程序

DOM2级事件处理程序是指使用addEventListener方法绑定事件处理函数。

<!DOCTYPE html>
<html>
<head><title>DOM2级事件处理程序</title>
</head>
<body><button id="btn">按钮</button><script>document.getElementById('btn').addEventListener('click', function() {console.log('click');}, false)</script>
</body>
</html>

优点：支持事件委托、支持事件解绑、支持事件触发、支持事件对象。
注意：DOM2级事件处理程序不会覆盖元素原有的事件处理函数。
注意：DOM2级事件处理程序推荐使用，提高代码的可维护性。
注意：DOM2级事件处理程序的第三个参数useCapture是一个布尔值，表示事件是否在捕获阶段执行，默认是false(可不写)。

异步编程

异步编程是指在程序执行过程中，不按照顺序执行，而是通过回调函数、Promise、async/await等方式实现异步执行。

异步编程的优点：提高程序的性能、提高用户体验。
异步编程的原理：事件循环。
异步编程的应用：Ajax、定时器、事件监听等。

回调函数

回调函数是指将一个函数作为参数传递给另一个函数，当满足条件时执行回调函数。

function callback() {console.log('callback')
}function fn(callback) {callback()
}fn(callback)

回调函数的优点：解耦、提高代码的可维护性。
回调函数的缺点：回调地狱、代码难以维护。
回调函数的应用：Ajax、事件监听、定时器等。

举例

console.log('start')
setTimeout(() => {console.log('setTimeout')
}, 0)
console.log('end')

输出：

start
end
setTimeout

解释：setTimeout是异步执行的，会等到同步执行完毕后再执行。

回调地狱：

setTimeout(() => {console.log('1')setTimeout(() => {console.log('2')setTimeout(() => {console.log('3')}, 1000)}, 1000)
}, 1000)

解决回调地狱的方法：Promise、async/await。

Promise

Promise是ES6新增的一种异步编程解决方案，用于处理异步操作。

new Promise((resolve, reject) => {if (true) {resolve('成功')} else {reject('失败')}
}).then((value) => {console.log(value)
}).catch((reason) => {console.log(reason)
})

Promise的状态：pending、fulfilled、rejected。
Promise的方法：then、catch、finally。
Promise的优点：解决回调地狱、提高代码的可维护性。
Promise的缺点：无法取消、无法中途改变、无法多个一起执行。
Promise的应用：Ajax、事件监听、定时器等。

async/await

async/await是ES8新增的一种异步编程解决方案，用于处理异步操作。

async function fn() {try {let value = await new Promise((resolve, reject) => {if (true) {resolve('成功')} else {reject('失败')}})console.log(value)} catch (reason) {console.log(reason)}
}fn()

async/await的优点：解决回调地狱、提高代码的可维护性。
async/await的缺点：无法取消、无法中途改变、无法多个一起执行。
async/await的应用：Ajax、事件监听、定时器等。

实践：猜数游戏

代码演示

小作业（选做其中任意一个，有兴趣的同学可以做多个）

作业1：实现一个简单的轮播图效果。🎯
作业2：实现一个简单的猜数游戏🎯
作业3：实现一个简单的下拉菜单效果。
作业4：实现一个简单的模态框效果。
作业5：实现一个简单的时钟效果。🎯
作业6：实现一个简单的瀑布流效果。
作业7：实现一个简单的懒加载效果。
作业8：实现一个简单的拖拽效果。
作业9：实现一个简单的放大镜效果。
作业10：实现一个简单的无缝滚动效果。
作业11：实现一个简单的图片预览效果。

蓝旭前端05：JavaScript进阶

蓝旭前端05：JavaScript进阶基础简单复习数据类型基本数据类型：Number、String、Boolean、Null、Undefined等。引用数据类型：Object、Array、Function等。typeof操作符：返回数据类型的字符串形式。变量变量声明&#xff1…...

编程日记 2024/4/15 18:42:59

【docker-compose】安装及配置

目录安装在线安装离线安装配置mysql5.7bitnami/mysql8.3redisweb前后台分离部署前端https(SSL)配置nginx动态传参资源限制：内存、cpunacossentinelgateway 问题汇总iptables No chain/target/match by that namedocker-compose.yml修改mysql密码，重启后…...

编程日记 2024/4/15 18:41:58

【第十五届】蓝桥杯省赛C++b组

今年的蓝桥杯省赛已经结束了，与以往不同，今年又回到了8道题，而22，23年出现了10道题大家觉得难度怎么样，欢迎进来讨论，博主今年没参加哈，大家聊聊，我听听大家的意见和看法哈试题A:…...

编程日记 2024/4/15 18:39:55

thinkphp6 Driver [Think] not supported.

问题的原因：使用view这个类但相应的库未安装（新版仅内置了PHP原生模板引擎） 官方解释：视图功能由\think\View类配合视图驱动（也即模板引擎驱动）类一起完成，新版仅内置了PHP原生模板引擎&#x…...

编程日记 2024/4/15 18:38:53

爱自然生命力专项基金：“爱·启航”残障家庭教育援助项目帮扶上万残障家庭

为进一步积极践行社会责任，助力公益慈善事业，2017年2月爱自然生命力体系与中国下一代教育基金会开展相关合作，共同启动了中国下一代教育基金会爱自然生命力专项基金，并启动了基金第一个项目“爱启航残障家庭教育援助项目”&#x…...

编程日记 2024/4/15 18:35:50

【ubuntu】如何追加path

【背景】在ubuntu上整备一个项目环境时需要追加Path。【方法】先复制下需要加的Path，比如我的是：/home/sheep431/.local/bin 加path命令 nano ~/.bashrc在nano界面输入如下命令 export PATH"/home/sheep431/.local/bin:$PATH"【检验】…...

编程日记 2024/4/15 18:33:48

用html写一个有趣的鬼魂动画

<!DOCTYPE html> <html lang"en" > <head><meta charset"UTF-8"><title>一个有趣的鬼魂动画</title><link rel"stylesheet" href"https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.m…...

编程日记 2024/4/15 18:29:44

【C++软件调试技术】C++软件开发维护过程中典型调试问题的解答与总结

目录 1、引发C软件异常的常见原因有哪些？ 2、排查C软件异常的常用方法有哪些？ 3、为什么要熟悉常见的异常内存地址？ 4、调试时遇到调用IsBadReadPtr或者IsBadWritePtr引发的异常，该如何处理？ 5、如何排查GDI对象泄…...

编程日记 2024/4/15 18:26:41

Pygame经典游戏：贪吃蛇

------------★Pygame系列教程★------------ Pygame经典游戏：贪吃蛇 Pygame教程01：初识pygame游戏模块 Pygame教程02：图片的加载缩放旋转显示操作 Pygame教程03：文本显示字体加载transform方法 Pygame教程04：dra…...

编程日记 2024/4/15 18:24:39

An Investigation of Geographic Mapping Techniques for Internet Hosts（2001年）第二部分

下载地址：An investigation of geographic mapping techniques for internet hosts | Proceedings of the 2001 conference on Applications, technologies, architectures, and protocols for computer communications 被引次数：766 Padmanabhan V N, Subramanian L. An i…...

编程日记 2024/4/15 18:21:36

解锁生成式 AI 的力量：a16z 提供的 16 个企业指南

企业构建和采购生成式AI方面的16项改变生成式 AI 领域趋势洞察：企业构建和采购生成式 AI 的方式正在发生重大转变，具体表现在：* 专注于可信度和安全性：75% 的企业将信任和安全性视为关键因素。* 优先考虑可扩展性和灵活性&#x…...

编程日记 2024/4/15 18:18:31

Kylin使用心得

Kylin是一个开源的分布式分析引擎，基于Apache Hadoop构建，专为处理大规模数据集而设计。以下是一些使用Kylin的心得体会： 快速查询 Kylin的OLAP引擎能够对大规模数据集进行高效的多维分析查询。通过预计算和存储多维度的聚合数据&#xff0…...

编程日记 2024/4/15 18:16:30

CentOS7使用Docker搭建Joplin Server并实现多端同步与公网使用本地笔记

文章目录 1. 安装Docker2. 自建Joplin服务器3. 搭建Joplin Sever4. 安装cpolar内网穿透5. 创建远程连接的固定公网地址 Joplin 是一个开源的笔记工具，拥有 Windows/macOS/Linux/iOS/Android/Terminal 版本的客户端。多端同步功能是笔记工具最重要的功能，…...

编程日记 2024/4/15 18:15:28

C语言100道练习题打卡（1）

1 有1，2，3，4四个数字，能组成多少个互不相同且不重复的三位数，都是多少 #include<stdio.h> //有1，2，3，4四个数字，能组成多少个互不相同且不重复的三位数&#xff…...

编程日记 2024/4/15 18:14:25

5G-A有何能耐？5G-A三载波聚合技术介绍

2024年被称作5G-A元年。5G-A作为5G下一阶段的演进技术，到底有何能耐呢？ 三载波聚合（3CC）被认为是首个大规模商用的5G-A技术，将带来手机网速的大幅提升。 █ 什么是3CC 3CC，全称叫3 Component Carriers…...

编程日记 2024/4/15 18:13:24

理解Go语言中上下文

开发人员有时会误解context.Context类型，尽管它是Go语言的关键概念之一，也是Go中并发代码的基础之一。接下来让我们看看这个概念，并确保我们理解为什么乃如何有效地使用它。根据官方文档：上下文(context)携带最后期限、取消信号和其他跨API边界的值。下面让我们来看下这…...

编程日记 2024/4/15 18:10:21

[MySQL]数据库原理8——喵喵期末不挂科

希望你开心，希望你健康，希望你幸福，希望你点赞！ 最后的最后，关注喵，关注喵，关注喵，大大会看到更多有趣的博客哦！！！ 喵喵喵，你对我真的…...

编程日记 2024/4/15 18:07:18

【算法基础】插入排序与二分查找、升级二分查找

文章目录 1. 插入排序1.1 插入排序的思想1.2 插入排序的实现 2. 普通二分查找2.1 普通二分查找的思想2.2 普通二分查找的实现 3. 升级二分查找3.1 升级二分查找思想3.2 升级二分查找实现 1. 插入排序 1.1 插入排序的思想插入排序很类似于已有一副有序的扑克牌，不断…...

编程日记 2024/4/15 18:04:13

在Vue3中如何使用H.265视频流媒体播放器EasyPlayer.js？

H5无插件流媒体播放器EasyPlayer属于一款高效、精炼、稳定且免费的流媒体播放器，可支持多种流媒体协议播放，可支持H.264与H.265编码格式，性能稳定、播放流畅，能支持WebSocket-FLV、HTTP-FLV，HLS（m3u8&#…...

编程日记 2024/4/15 18:03:12

智慧医疗能源事业线深度画像分析（上）

引言医疗行业作为现代社会的关键基础设施，其能源消耗与环境影响正日益受到关注。随着全球"双碳"目标的推进和可持续发展理念的深入，智慧医疗能源事业线应运而生，致力于通过创新技术与管理方案，重构医疗领域的能源使用模式。这一事业线融合了能源管理、可持续发…...

编程新知 2026/1/22 19:24:45

以下是对华为 HarmonyOS NETX 5属性动画（ArkTS）文档的结构化整理，通过层级标题、表格和代码块提升可读性：

一、属性动画概述NETX 作用：实现组件通用属性的渐变过渡效果，提升用户体验。支持属性：width、height、backgroundColor、opacity、scale、rotate、translate等。注意事项： 布局类属性（如宽高）变化时&#…...

编程新知 2026/1/28 21:15:38

多场景 OkHttpClient 管理器 - Android 网络通信解决方案

下面是一个完整的 Android 实现，展示如何创建和管理多个 OkHttpClient 实例，分别用于长连接、普通 HTTP 请求和文件下载场景。 <?xml version"1.0" encoding"utf-8"?> <LinearLayout xmlns:android"http://schemas…...

编程新知 2025/12/15 1:34:37

聊聊 Pulsar：Producer 源码解析

一、前言 Apache Pulsar 是一个企业级的开源分布式消息传递平台，以其高性能、可扩展性和存储计算分离架构在消息队列和流处理领域独树一帜。在 Pulsar 的核心架构中，Producer（生产者） 是连接客户端应用与消息队列的第一步。生产者…...

编程新知 2026/1/28 12:29:35

dedecms 织梦自定义表单留言增加ajax验证码功能

增加ajax功能模块，用户不点击提交按钮，只要输入框失去焦点，就会提前提示验证码是否正确。一，模板上增加验证码 <input name"vdcode"id"vdcode" placeholder"请输入验证码" type"text&quo…...

编程新知 2026/1/26 6:09:43

el-switch文字内置

el-switch文字内置效果 vue <div style"color:#ffffff;font-size:14px;float:left;margin-bottom:5px;margin-right:5px;">自动加载</div> <el-switch v-model"value" active-color"#3E99FB" inactive-color"#DCDFE6"…...

编程新知 2026/1/26 10:00:16

【项目实战】通过多模态+LangGraph实现PPT生成助手

PPT自动生成系统基于LangGraph的PPT自动生成系统，可以将Markdown文档自动转换为PPT演示文稿。功能特点 Markdown解析：自动解析Markdown文档结构PPT模板分析：分析PPT模板的布局和风格智能布局决策：匹配内容与合适的PPT布局自动…...

编程新知 2026/1/29 4:00:07

相机Camera日志分析之三十一：高通Camx HAL十种流程基础分析关键字汇总（后续持续更新中）

【关注我，后续持续新增专题博文，谢谢！！！】上一篇我们讲了：有对最普通的场景进行各个日志注释讲解，但相机场景太多，日志差异也巨大。后面将展示各种场景下的日志。通过notepad++打开场景下的日志，通过下列分类关键字搜索，即可清晰的分析不同场景的相机运行流程差异…...

编程新知 2025/11/20 7:13:43

自然语言处理——循环神经网络

自然语言处理——循环神经网络循环神经网络应用到基于机器学习的自然语言处理任务序列到类别同步的序列到序列模式异步的序列到序列模式参数学习和长程依赖问题基于门控的循环神经网络门控循环单元（GRU）长短期记忆神经网络（LSTM&#xff09…...

编程新知 2026/1/15 5:00:22

Springboot社区养老保险系统小程序

一、前言随着我国经济迅速发展，人们对手机的需求越来越大，各种手机软件也都在被广泛应用，但是对于手机进行数据信息管理，对于手机的各种软件也是备受用户的喜爱，社区养老保险系统小程序被用户普遍使用，为方…...

编程新知 2026/1/26 2:48:53

蓝旭前端05：JavaScript进阶

基础简单复习

数据类型

变量

运算符

控制语句

JavaScript引入

JavaScript输出

JavaScript注释

JavaScript弹窗

Overview

获取元素

通过ID获取元素

通过类名获取元素

通过标签名获取元素

通过选择器获取元素

事件监听

事件监听

事件监听的例子

事件对象

事件对象

事件对象的例子

事件委托

事件委托

事件委托的例子

事件绑定

事件绑定

事件绑定的例子

事件解绑

事件解绑

事件解绑的例子

事件触发

事件触发

事件触发的例子

事件处理程序

事件处理程序

内联事件处理程序

DOM0级事件处理程序

DOM2级事件处理程序

异步编程

异步编程

回调函数

举例

Promise

async/await

实践：猜数游戏

小作业（选做其中任意一个，有兴趣的同学可以做多个）

相关文章：