前端面试题---变量提升、作用域和严格模式

一.解释一下JavaScript中的Hoisting（变量提升）是什么，以及它是如何工作的?

Hoisting（变量提升）是JavaScript中的一种行为，它指的是在代码执行之前，变量和函数的声明会被提升到当前作用域的顶部。这意味着可以在声明之前使用这些变量和函数，而不会引发错误。

JavaScript引擎在代码执行之前会进行两个步骤：编译阶段和执行阶段。在编译阶段，JavaScript引擎会扫描整个代码，将变量和函数的声明提升到当前作用域的顶部。这样在执行阶段时，变量和函数就可以被正常使用了。

具体来说，变量提升有两种情况： 

1.变量声明的提升

在一个作用域中，使用var关键字声明的变量会被提升到当前作用域的顶部。例如

console.log(x); // 输出 undefined
var x = 5;

在上面的代码中，变量x的声明被提升到了顶部，因此console.log(x)不会引发错误，但输出结果为undefined，因为变量x在赋值之前被提升了。

2.函数声明的提升

使用函数声明的方式创建的函数也会被提升到当前作用域的顶部。例如 

myFunction(); // 调用函数

function myFunction() {
  console.log("Hello");
}

在上面的代码中，函数myFunction的声明被提升到了顶部，因此在函数声明之前就可以调用它。

需要注意的是，变量提升只会提升声明，而不会提升赋值。也就是说，变量的赋值操作仍然会在代码中原本的位置进行。

然而，使用let和const关键字声明的变量以及使用函数表达式创建的函数不会被提升，它们遵循块级作用域规则，只有在声明的位置之后才能被访问。

虽然变量提升在JavaScript中是一种默认的行为，但它可能导致代码可读性和维护性的问题。因此，推荐在代码中将变量和函数的声明放在使用之前，以提高代码的清晰度和可读性。

 

二.解释一下JavaScript中的作用域 ?

作用域（Scope）是指在程序中定义变量的区域，该区域决定了变量的可访问性和生命周期。在不同的作用域中，变量的可见性和访问方式可能不同。

在JavaScript中，有三种常见的作用域：

1. 全局作用域（Global Scope）：全局作用域是最外层的作用域，定义在全局范围内的变量和函数都属于全局作用域。这意味着它们可以在代码的任何地方被访问。

2. 函数作用域（Function Scope）：函数作用域是在函数内部定义的变量所拥有的作用域。在函数作用域中声明的变量只能在函数内部访问，外部代码无法直接访问函数作用域中的变量。

3. 块级作用域（Block Scope）：块级作用域是在代码块（例如，if语句、循环等）中定义的变量所拥有的作用域。在ES6之前，JavaScript中没有块级作用域，而是使用函数作用域。但是，在ES6中引入了let和const关键字，它们可以在块级作用域内定义变量，使得块级作用域成为可能。

作用域规定了变量的可见性和生命周期。当在代码中引用变量时，JavaScript引擎会按照作用域链的顺序查找变量的值。作用域链是一个由嵌套的作用域组成的链表结构，用于确定变量的访问规则。

变量在内部作用域中没有被找到时，会继续在外部作用域中查找，直到找到该变量或达到全局作用域。如果在整个作用域链上都找不到该变量，那么会抛出一个未定义的错误。

了解作用域的概念对于理解变量的可见性、避免命名冲突和编写可维护的代码非常重要。通过合理地使用作用域，可以避免变量冲突和意外修改变量的问题，并提高代码的可读性和可维护性。

三.解释一下JavaScript中的严格模式（Strict Mode）是什么，以及它的作用?

严格模式（Strict Mode）是JavaScript中的一种执行模式，它可以通过在脚本或函数的顶部添加特定语句来启用。严格模式引入了一些限制和变化，以帮助开发者编写更规范、更安全的JavaScript代码。

严格模式的作用如下：

1. 消除了一些不合理或不安全的语法和行为：在严格模式下，一些以前被视为有效但容易导致错误的语法或行为会被禁止，从而帮助开发者避免潜在的问题。

2. 提升代码的可读性和维护性：严格模式要求变量声明必须使用关键字（如var、let或const），这样可以避免意外创建全局变量，提高代码的可读性和可维护性。

3. 阻止使用一些不推荐的功能：在严格模式下，一些过时的或不推荐使用的功能被废弃或禁止，例如使用with语句、使用arguments.callee访问函数自身等。

4. 提升JavaScript引擎的优化能力：严格模式下的代码通常比非严格模式下的代码更容易进行静态分析和优化，这可以使JavaScript引擎更好地执行代码，提高性能。

要在整个脚本中启用严格模式，可以在脚本的顶部添加如下语句

"use strict";

要在函数内部启用严格模式，可以在函数体的顶部添加如下语句

function myFunction() {
  "use strict";
  // 函数体中的代码将以严格模式执行
}

需要注意的是，启用严格模式后，一些在非严格模式下有效的语法和行为可能会抛出错误或产生不同的结果。因此，在引入严格模式之前，需要确保代码在严格模式下仍然能够正常工作。

使用严格模式可以帮助开发者避免一些常见的JavaScript错误和陷阱，提高代码的质量和性能。推荐在开发中使用严格模式以编写更可靠的JavaScript代码。