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