ES6 如何调试代码

在本文中，我们将学习如何调试ES6代码。

调试是寻找和解决代码中的问题或错误的过程，这些问题或错误导致代码无法按预期工作。调试是编程中的重要环节，帮助程序员修复代码中的错误。

检查ES6中的错误： 在调试错误之前，我们必须知道错误在代码中发生的位置，然后可以去解决。在ES6中，我们可以在 Web 浏览器的控制台部分找到错误。

以下是访问控制台的方法：

Right Click on browser -> Select Inspect -> Go to Console tab

示例： 在ES6中，控制台中发现错误的基本示例。

HTML

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content= 
        "width=device-width, initial-scale=1.0"> 
</head> 
<body> 
    <h2 id="GFG">Welcome To GFG</h2> 
    <h3>Error detection in Console in es6</h3> 
    <script> 
        function redirectME() { 
            let age = 20 
        } 
        console.log(age); 
    </script> 
</body> 
</html>

输出：

ES6 如何调试代码

解决ES6中的错误

使用调试器： 为了调试ES6代码，提供了一个名为 debugger 的工具。调试器允许用户在代码中的任何一行或函数处查找和解决错误。

下面是访问调试器的方法：

右键点击浏览器 -> 选择检查 -> 源代码 -> 转到你的文件
并且可以使用调试器逐行调试代码

示例：

HTML

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content= 
        "width=device-width, initial-scale=1.0"> 
</head> 
  
<body> 
    <h2 id="GFG">Welcome To GFG</h2> 
    <h3>Error detection in Console in es6</h3> 
    <script> 
        function redirectME() { 
            let age = 20; 
        } 
        console.log(age); 
    </script> 
</body> 
</html>

输出：

ES6 如何调试代码