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 吗？能 ​​
  •