JS調試過程中查看輸出結果的方式有哪些

編寫JS的過程中，經常需要打印輸出成果，查看數據判定程序邏輯是否犯錯，下面介紹JS調試過程中查看輸出成果的體例有哪些。

方式/步調

1
新建一個HTML文件，定名為test.html，用于JS輸出成果的測試。
2
利用console.log查看輸出成果。例如，要查看兩個數據相加的成果，但不但愿在前端頁面展示出來，就可以經由過程console.log輸出查看成果。代碼如下：
3
console.log輸出體例一般經由過程瀏覽器的節制臺查看，在瀏覽器運行代碼后，按F12，然后切換到節制臺的日記欄面前目今，即可查看輸出的成果。
4
經由過程alert（）方式，以彈窗的體例查看輸出成果，這種體例比力直接，在運行頁面時執行或者在函數內執行。下面以函數的體例測試輸出的成果。代碼如下：
5
在瀏覽器運行代碼，查看輸出的成果：
6
經由過程document.write（）方式輸出，這種體例會直接在頁面輸出成果，相對于以上兩種方式加倍簡單。在test.html頁面編寫代碼，實現兩個數相加，并輸出成果，代碼如下：
7
在瀏覽器運行代碼，查看輸出的成果：