JS经典面试题-下面代码输出什么

待我称王封你为后i 2024-04-17 16:23 63阅读 0赞

for (var i = 0; i < 3; i++) {
      setTimeout(() => console.log(i), 1);
    }
    
    for (let i = 0; i < 3; i++) {
      setTimeout(() => console.log(i), 1);
    }

**`结果 3 3 3` and `0 1 2`**

`解析：`

由于`JavaScript`中的事件执行机制，`setTimeout`函数(宏任务)真正被执行时，循环已经走完。 由于第一个循环中的变量`i`是使用`var`关键字声明的，因此该值是全局的。 在循环期间，我们每次使用一元运算符`++`都会将`i`的值增加`1`。 因此在第一个例子中，当调用`setTimeout`函数时，`i`已经被赋值为`3`。

在第二个循环中，使用`let`关键字声明变量`i`：使用`let`（和`const`）关键字声明的变量是具有块作用域的。 在每次迭代期间，`i`将被创建为一个新值，并且每个值都会存在于循环内的块级作用域。

function getAge() {
      "use strict";
      age = 21;
      console.log(age);
    }
    
    getAge();

结果 ReferenceError

解析：

使用`“use strict”`，可以确保不会意外地声明全局变量。 我们从未声明变量`age`，因为我们使用\`\`use strict'`，它会引发一个`ReferenceError`。 如果我们不使用`“use strict”`，它就会起作用，因为属性`age\`会被添加到全局对象中。

function sayHi() {
      console.log(name);
      console.log(age);
      var name = "Lydia";
      let age = 21;
    }
    
    sayHi();

结果 `undefined` 和 `ReferenceError`

`解析:`

在函数中，我们首先使用`var`关键字声明了`name`变量。 这意味着变量在创建阶段会被提升（`JavaScript`会在创建变量创建阶段为其分配内存空间），默认值为`undefined`，直到我们实际执行到使用该变量的行。 我们还没有为`name`变量赋值，所以它仍然保持`undefined`的值。

使用`let`关键字（和`const`）声明的变量也会存在变量提升，但与`var`不同，初始化没有被提升。 在我们声明（初始化）它们之前，它们是不可访问的。 这被称为“暂时死区”。 当我们在声明变量之前尝试访问变量时，`JavaScript`会抛出一个`ReferenceError`。

const obj = { 1: "a", 2: "b", 3: "c" };
    const set = new Set([1, 2, 3, 4, 5]);
    
    obj.hasOwnProperty("1");
    obj.hasOwnProperty(1);
    set.has("1");
    set.has(1);

结果 `true` `true` `false` `true`

`解析：`

所有对象键（不包括`Symbols`）都会被存储为字符串，即使你没有给定字符串类型的键。 这就是为什么`obj.hasOwnProperty（'1'）`也返回`true`。

上面的说法不适用于`Set`。 在我们的`Set`中没有`“1”`：`set.has（'1'）`返回`false`。 它有数字类型`1`，`set.has（1）`返回`true`。

const a = {};
    const b = { key: "b" };
    const c = { key: "c" };
    
    a[b] = 123;
    a[c] = 456;
    
    console.log(a[b]);

结果 456

解析：

对象键自动转换为字符串。我们试图将一个对象设置为对象`a`的键，其值为`123`。

但是，当对象自动转换为字符串化时，它变成了`[Object object]`。 所以我们在这里说的是`a["Object object"] = 123`。 然后，我们可以尝试再次做同样的事情。 `c`对象同样会发生隐式类型转换。那么，`a["Object object"] = 456`。

然后，我们打印`a[b]`，它实际上是`a["Object object"]`。 我们将其设置为`456`，因此返回`456`。

(() => {
      let x, y;
      try {
        throw new Error();
      } catch (x) {
        (x = 1), (y = 2);
        console.log(x);
      }
      console.log(x);
      console.log(y);
    })();

结果 `1` `undefined` `2`

`解析：`

`catch`块接收参数`x`。当我们传递参数时，这与变量的`x`不同。这个变量`x`是属于`catch`作用域的。

之后，我们将这个块级作用域的变量设置为`1`，并设置变量`y`的值。 现在，我们打印块级作用域的变量`x`，它等于`1`。

在`catch`块之外，`x`仍然是`undefined`，而`y`是`2`。 当我们想在`catch`块之外的`console.log(x)`时，它返回`undefined`，而`y`返回`2`。