代码中如果遇到未定义的变量，会抛出异常吗？程序还会不会继续往下走？

在前端开发中，如果遇到未定义的变量，JavaScript 会抛出 ReferenceError 异常。程序在遇到这个异常后，默认情况下会停止在当前代码块的执行，并且不会继续往下执行。

更具体地说：

• 未声明变量的引用： 如果你尝试使用一个从未使用 var、let 或 const 声明过的变量，JavaScript 引擎会抛出 ReferenceError。

• 作用域问题： 即使你声明了变量，但如果在变量声明之前或在其作用域之外尝试访问它，也会导致 ReferenceError。例如，在一个函数内部尝试访问在函数外部声明的 var 变量是可以的（因为 var 有函数作用域提升），但尝试访问在函数外部声明的 let 或 const 变量则会报错（因为 let 和 const 有块作用域）。

• try...catch 块： 你可以使用 try...catch 块来捕获 ReferenceError 异常，并采取相应的措施。这样可以防止程序崩溃，并允许你进行错误处理，例如显示错误消息或尝试其他操作。

• 全局变量： 在浏览器环境中，未声明的变量会被隐式地创建为全局变量（在非严格模式下）。这虽然不会导致 ReferenceError，但强烈不建议这样做，因为它会导致难以调试的错误和代码维护问题。 始终使用 var、let 或 const 声明变量。 在严格模式下 ("use strict")，未声明变量的引用会抛出 ReferenceError。

以下是一些示例：

//  ReferenceError: x is not defined
console.log(x); 

// ReferenceError: Cannot access 'y' before initialization
console.log(y);
let y = 10;

//  No error (in non-strict mode, implicitly creates a global variable x) - BAD PRACTICE!
x = 10; 

try {
  console.log(z); // ReferenceError inside try block
} catch (error) {
  if (error instanceof ReferenceError) {
    console.error("Caught a ReferenceError:", error.message);
    // Handle the error gracefully, e.g., display a user-friendly message
  }
}

// Continues execution after the try...catch block
console.log("Program continues...");


function myFunction() {
  "use strict"; // Strict mode
  console.log(a); // ReferenceError: a is not defined
}

myFunction();

总而言之，遇到未定义变量会导致 ReferenceError，通常会停止程序执行。try...catch 可以用来处理这些错误，防止程序崩溃。 最佳实践是始终声明你的变量，并在严格模式下开发，以避免意外的全局变量和提高代码质量。