2024年【面试题】你有没有碰到 JavaScript 一些意想不到的问题？(1)，全端web开发

结尾

学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

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

高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

答案是 3，这是为什么呢？这是因为在 try...catch...finally 语句中，无论是否抛出异常 finally 子句都会执行。此外，如果抛出异常，即使没有 catch 子句处理异常，finally 子句中的语句也会执行。

📚参考

• MDN try…catch

2. [] 和 null 都是对象

❓问题

下面 3 行代码返回结果是什么？

typeof [];
typeof null;

null instanceof Object;

💡解答

返回结果是这样的：

typeof []; // -> 'object'
typeof null; // -> 'object'

null instanceof Object; // false

typeof 操作符返回一个字符串，且必须符合 Table 37: typeof 操作符 返回值。对于没有实现 [[Call]] 的 null、普通对象、标准特异对象和非标准特异对象，它返回字符串 'object'。

console.log(typeof 42);
// expected output: "number"

console.log(typeof '前端自习课');
// expected output: "string"

console.log(typeof true);
// expected output: "boolean"

console.log(typeof undeclaredVariable);
// expected output: "undefined"

但是，你可以使用 toString 方法检查对象的类型。

Object.prototype.toString.call([]);
// -> '[object Array]'

Object.prototype.toString.call(new Date());
// -> '[object Date]'

Object.prototype.toString.call(null);
// -> '[object Null]'

📚参考

• MDN typeof

3. 箭头函数返回 undefined

❓问题

函数 f2 执行后为什么返回了 undefined？

let f1 = () => '前端自习课';
f1(); // -> '前端自习课'

let f2 = () => {};
f2(); // -> undefined

💡解答

我们第一眼感觉应该是返回 {}，可是却返回了 undefined，这本质原因是因为箭头函数返回的 {} 是箭头函数语法的一部分，我们写一个测试用例就能看出来：

let f2 = () => {
    return '前端自习课'
};
f2(); // -> '前端自习课'

因此上面 f2 函数返回的是 undefined，当然，如果需要返回一个 {} 对象也是可以的，只需要使用括号将返回值包裹起来：

let f2 = () => ({});
f2(); // -> {}

4. 还能使用反引号执行函数？

❓问题

调用函数除了下面的方式，还有其他方式吗？

function f(...args) {
  return args;
}

f(1, 2, 3); // -> [ 1, 2, 3 ]

当然还有啦，我们可以使用反引号调用：

f`Hello string ${'前端自习课'}, Hello boolean ${false}, Hello array ${[1, 2, 3]}`;
/*
[
    ["Hello string ",  ", Hello boolean ", ", Hello array ", ""],
    "前端自习课",
    false,
    [1, 2, 3]
]
*/

💡解答

这个看着很神奇的样子，但是实际上用的是模版字符串。这是一种高级形式的模版字符串，是带标签的模版字符串。

上面示例代码中：f 函数是模版字面量的标签，标签可以用函数解析模板字符串。标签函数的第一个参数包含一个字符串值的数组。其余的参数与表达式相关。

📚参考

• MDN 模版字符串。

5. JavaScript 中也有标签？

❓问题

下面这种写法会有问题吗？

foo: {
  console.log("Hello");
  break foo;
  console.log("前端自习课");
}

💡解答

结尾

学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

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

高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。