TypeScript 函数进阶

1. 函数调试

1.1 基本操作

借助断点调试，观察代码的执行过程。

关键点：1 在哪个位置打断点？ 2 如何调试？

一．断点位置：函数调用所在位置。

二．调试函数常用按钮：

 1.2 函数的执行过程

示例：

function work() {
console.log('早上9点开始工作')
play()
console.log('晚上6点结束工作')
}
function play() {
console.log('早上9:30开始吃鸡')
console.log('晚上5:30结束吃鸡')
}
work()

 结论1：函数里面，还可以继续调用其他函数。

结论2：函数，按照顺序一行行的执行代码，当遇到调用其他函数时，先完成该函数调用，再继续执行代码。

2. 变量作用域

一个变量的作用域指的是：代码中定义变量的区域，它决定了变量的使用范围。

在 TS（或JS）中，函数可以形成作用域，叫做：函数作用域。

根据范围的不同，变量可以分为两种：1 局部变量 2 全局变量。

局部变量：表示在函数内部声明的变量，该变量只能在函数内部使用（局部地区有雨）。

function fn() {
// 变量 num 是局部变量
let num: number = 1
console.log(num) // 此处能访问到变量 num
}
fn()
console.log(num) // 问题：此处能访问到变量 num 吗？ 不能

局部变量：表示在函数内部声明的变量，该变量只能在函数内部使用（局部地区有雨）。

全局变量 ：表示在 函数外部 声明的变量，该变量在当前 ts 文件的任何地方都可以使用。

 

// 变量 num 是全局变量
let num: number = 1
function fn() {
console.log(num) // 问题：此处能访问到变量 num 吗？ 能
}
fn()
console.log(num) // 问题：此处能访问到变量 num 吗？  能

 往期文章发布内容：

•  TypeScript 初体验
•  TypeScript变量
• TypeScript 数据类型
• TypeScript 运算符
• TypeScript 条件语句
• TypeScript 数组
• TypeScript 函数基础

---

黑马前端专栏干货多多，关注再学，好方便~

2022年前端学习路线图：课程、源码、笔记，技术栈 另外此线路图实时更新！需要课后资料的友友们，可以直接告诉我喔~