2024年Web前端最新一周热文和最新 JS 进阶面试题 #4(2)，面试灵魂三问

最后

总的来说，面试官要是考察思路就会从你实际做过的项目入手，考察你实际编码能力，就会让你在电脑敲代码，看你用什么编辑器、插件、编码习惯等。所以我们在回答面试官问题时，有一个清晰的逻辑思路，清楚知道自己在和面试官说项目说技术时的话就好了

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

• C: 看情况

答案: A

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

---

27. 输出是什么？

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 语句跳过本次迭代。

---

28. 输出是什么？

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 是内置的构造函数，我们可以向它添加属性。我只是在它的原型中添加了一个方法。基本类型字符串被自动转换为字符串对象，由字符串原型函数生成。因此，所有 string(string 对象)都可以访问该方法！

---

29. 输出是什么？

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

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

然而，当字符串化一个对象时，它会变成 "[object Object]"。因此这里说的是，a["[object Object]"] = 123。然后，我们再一次做了同样的事情，c 是另外一个对象，这里也有隐式字符串化，于是，a["[object Object]"] = 456。

然后，我们打印 a[b]，也就是 a["[object Object]"]。之前刚设置为 456，因此返回的是 456。

---

30. 输出是什么？

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"。

最后

总的来说，面试官要是考察思路就会从你实际做过的项目入手，考察你实际编码能力，就会让你在电脑敲代码，看你用什么编辑器、插件、编码习惯等。所以我们在回答面试官问题时，有一个清晰的逻辑思路，清楚知道自己在和面试官说项目说技术时的话就好了

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

能力，就会让你在电脑敲代码，看你用什么编辑器、插件、编码习惯等。所以我们在回答面试官问题时，有一个清晰的逻辑思路，清楚知道自己在和面试官说项目说技术时的话就好了

[外链图片转存中…(img-RF5G2CKK-1715449234129)]

[外链图片转存中…(img-mLBJkBGB-1715449234130)]

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】