js输出类面试题(三)

╰半夏微凉° 2023-02-28 05:54 81阅读 0赞

### 文章目录 ###

*  1. cool\_secret可以访问多长时间?
 *  2. 下面代码的输出是什么?
 *  3. 下面代码的输出是什么?
 *  4. 下面代码的输出是什么?
 *  5. JavaScript全局执行上下文为你创建了两个东西:全局对象和this关键字.
 *  6. 下面代码的输出是什么?
 *  7. 下面代码的输出是什么?
 *  8.下面代码的输出是什么?
 *  9. 下面代码的输出是什么?
 *  10. 单击按钮时event.target是什么?

# 1. cool\_secret可以访问多长时间? #

sessionStorage.setItem("cool_secret", 123);

A：永远，数据不会丢失。  
B：用户关闭选项卡时。  
C：当用户关闭整个浏览器时，不仅是选项卡。  
D：用户关闭计算机时。

答案: B

关闭选项卡后，将删除存储在sessionStorage中的数据。

如果使用localStorage，数据将永远存在，除非例如调用localStorage.clear()。

# 2. 下面代码的输出是什么? #

var num = 8;
    var num = 10;
    
    console.log(num);

A: 8  
B: 10  
C: SyntaxError  
D: ReferenceError

答案: B

使用var关键字，您可以用相同的名称声明多个变量。然后变量将保存最新的值。

您不能使用let或const来实现这一点，因为它们是块作用域的。

# 3. 下面代码的输出是什么? #

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);

A: false true false true  
B: false true true true  
C: true true false true  
D: true true true true

答案: C

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

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

# 4. 下面代码的输出是什么? #

const obj = {  a: "one", b: "two", a: "three" };
    console.log(obj);
    复制代码
    A: {  a: "one", b: "two" }
    B: {  b: "two", a: "three" }
    C: {  a: "three", b: "two" }
    D: SyntaxError

答案: C

如果对象有两个具有相同名称的键，则将替前面的键。它仍将处于第一个位置，但具有最后指定的值。

# 5. JavaScript全局执行上下文为你创建了两个东西:全局对象和this关键字. #

A: 对  
B: 错误  
C: 视情况而定

答案: A

基本执行上下文是全局执行上下文:它是代码中随处可访问的内容。

# 6. 下面代码的输出是什么? #

for (let i = 1; i < 5; i++) { 
      if (i === 3) continue;
      console.log(i);
    }

A: 1 2  
B: 1 2 3  
C: 1 2 4  
D: 1 3 4

答案: C

如果某个条件返回true，则continue语句跳过迭代。

# 7. 下面代码的输出是什么? #

String.prototype.giveLydiaPizza = () => { 
      return "Just give Lydia pizza already!";
    };
    
    const name = "Lydia";
    
    name.giveLydiaPizza();

A: “Just give Lydia pizza already!”  
B: TypeError: not a function  
C: SyntaxError  
D: undefined

答案: A

String是一个内置的构造函数，我们可以为它添加属性。 我刚给它的原型添加了一个方法。 原始类型的字符串自动转换为字符串对象，由字符串原型函数生成。 因此，所有字符串（字符串对象）都可以访问该方法！

注：当使用基本类型的字符串调用giveLydiaPizza时，实际上发生了下面的过程：

*  创建一个String的包装类型实例
 *  在实例上调用substring方法
 *  销毁实例

# 8.下面代码的输出是什么? #

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

A: 123  
B: 456  
C: undefined  
D: ReferenceError

答案: B

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

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

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

# 9. 下面代码的输出是什么? #

const foo = () => console.log("First");
    const bar = () => setTimeout(() => console.log("Second"));
    const baz = () => console.log("Third");
    
    bar();
    foo();
    baz();

A: First Second Third  
B: First Third Second  
C: Second First Third  
D: Second Third First

答案: B

我们有一个setTimeout函数并首先调用它。 然而却最后打印了它。

这是因为在浏览器中，我们不只有运行时引擎，我们还有一个叫做WebAPI的东西。WebAPI为我们提供了setTimeout函数，例如DOM。

将callback推送到WebAPI后，setTimeout函数本身（但不是回调！）从堆栈中弹出。

现在，调用foo，并打印First。

foo从堆栈弹出，baz被调用，并打印Third。

WebAPI不能只是在准备就绪时将内容添加到堆栈中。 相反，它将回调函数推送到一个称为任务队列的东西。

这是事件循环开始工作的地方。 事件循环查看堆栈和任务队列。 如果堆栈为空，则会占用队列中的第一个内容并将其推送到堆栈中。

bar被调用，Second被打印，它从栈中弹出。

# 10. 单击按钮时event.target是什么? #

<div οnclick="console.log('first div')">
      <div οnclick="console.log('second div')">
        <button οnclick="console.log('button')">
          Click!
        </button>
      </div>
    </div>

A: div外部  
B: div内部  
C: button  
D: 所有嵌套元素的数组.

答案: C

导致事件的最深嵌套元素是事件的目标。 你可以通过event.stopPropagation停止冒泡