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