36 个JS 面试题为你助力金九银十(面试必读)

谢谢您关注我的文章“36 个JS 面试题为你助力金九银十(面试必读)”。以下是该文章的完整攻略：

1. 提前准备

在开始面试前，我们应该对自己的基础知识和经典面试题进行充分的复习和准备。文章中列出的36个JS面试题涵盖了JS的多个方面，包括数据类型、函数、原型、异步等等。首先，在默写代码之前，我们需要通过以下几个方面对自己进行准备：

1.1 熟练掌握JS基础概念

学习JS的基础语法、数据类型、运算符、表达式、语句、循环和函数等基础概念是晋升为一名JS工程师的必经之路。

1.2 熟悉JS中重要的课题

几个重要的课题，比如闭包、原型、异步、事件代理等，都是JS程序员必须掌握的。对于每个重要的课题，我们需要理解它的本质、原理和应用。

1.3 阅读常见的JS开发框架

不同框架对于JS存储、渲染和调试的实现方式都是不同的，理解这些方面不仅能够为我们的编写提供帮助，更能帮助我们在面试中更好的回答问题。

1.4 阅读实用的工具库

工具库能够帮助JS程序员更加便捷地开发，一般是在平常工作中或看源码时发现需要用到的，我们在平常的积累中应该注意将常用工具库的使用方法理解透彻，面试中能够更好地回答相关问题。

2. 默写36个JS面试题

准备好以上几个方面后，我们开始默写36个JS面试题。按照两个分类默写：

2.1 JS基础面试题

JS基础面试题共16道，涉及变量类型、变量的声明、迭代器、原型链等，主要是以面试题的形式检测读者们的知识掌握和理解能力，优化代码能力。

示例1：下面这段代码输出的结果是什么？

var x = 1;
if (function f(){ }) {
  x = '2';
}
console.info(x);

输出结果是1，因为一个函数不论是否有返回值，它的值都是true。

示例2：下面这段代码输出的结果是什么？

(function(a,b){
    arguments[0] = 10;
    arguments[1] = 20;     
    console.log(a,b);
})(1,1)

输出结果是10 20，因为arguments是针对参数数组的对象，可以用下标访问其中的值，对函数内的形参进行改写。

2.2 JS进阶面试题

JS进阶面试题共20道，涉及数组的操作、作用域、异步编程等内容，通过这些面试题，我们可以将对JS的理解推向更深层次。

示例1：下面这段代码的输出是什么？

console.log('Script loaded: ', new Date().toLocaleTimeString());

setTimeout(
    function(){
        console.log('setTimeout: ', new Date().toLocaleTimeString());
    }, 5000
);

console.log('Script complete: ', new Date().toLocaleTimeString());

输出结果为:

Script loaded: 12:00:00 AM
Script complete: 12:00:00 AM
setTimeout: 12:00:05 AM

因为setTimeout指定了5秒钟后执行回调函数，所以先输出Script loaded和Script complete，5秒钟后再输出setTimeout。

示例2：下面这段代码的输出是什么？

var a = [];
var b = [];
console.log(a == b);

输出结果是false，两个空数组的引用不同。

3. 优化代码

默写完36个JS面试题后，我们可以借助以下几个方面对代码进行优化:

3.1 用变量记录重复的字符串，以便于阅读和理解

可以将重复的字符串放到变量中，提高变量的可读性。

示例：将之前的代码：

console.log('Script loaded: ', new Date().toLocaleTimeString());

setTimeout(
    function(){
        console.log('setTimeout: ', new Date().toLocaleTimeString());
    }, 5000
);

console.log('Script complete: ', new Date().toLocaleTimeString());

修改成：

var dateStr = new Date().toLocaleTimeString();
console.log('Script loaded: ', dateStr );

setTimeout(
    function(){
        console.log('setTimeout: ', dateStr);
    }, 5000
);

console.log('Script complete: ', dateStr);

3.2 处理特殊情况，避免代码错误

处理特殊情况能给代码增加额外的安全性，防止代码错误。

示例：将下列代码：

var user = { name: "Tim"};
console.log(user.email);