阿里前端高频面试题合集

代码输出结果

setTimeout(function () {
   
  console.log(1);
}, 100);

new Promise(function (resolve) {
   
  console.log(2);
  resolve();
  console.log(3);
}).then(function () {
   
  console.log(4);
  new Promise((resove, reject) => {
   
    console.log(5);
    setTimeout(() =>  {
   
      console.log(6);
    }, 10);
  })
});
console.log(7);
console.log(8);

输出结果为：

2
3
7
8
4
5
6
1

代码执行过程如下：

1. 首先遇到定时器，将其加入到宏任务队列；
2. 遇到Promise，首先执行里面的同步代码，打印出2，遇到resolve，将其加入到微任务队列，执行后面同步代码，打印出3；
3. 继续执行script中的代码，打印出7和8，至此第一轮代码执行完成；
4. 执行微任务队列中的代码，首先打印出4，如遇到Promise，执行其中的同步代码，打印出5，遇到定时器，将其加入到宏任务队列中，此时宏任务队列中有两个定时器；
5. 执行宏任务队列中的代码，这里我们需要注意是的第一个定时器的时间为100ms，第二个定时器的时间为10ms，所以先执行第二个定时器，打印出6；
6. 此时微任务队列为空，继续执行宏任务队列，打印出1。

做完这道题目，我们就需要格外注意，每个定时器的时间，并不是所有定时器的时间都为0哦。

代码输出结果

function a() {
   
  console.log(this);
}
a.call(null);

打印结果：window对象

根据ECMAScript262规范规定：如果第一个参数传入的对象调用者是null或者undefined，call方法将把全局对象（浏览器上是window对象）作为this的值。所以，不管传入null 还是 undefined，其this都是全局对象window。所以，在浏览器上答案是输出 window 对象。

要注意的是，在严格模式中，null 就是 null，undefined 就是 undefined：

'use strict';

function a() {
   
    console.log(this);
}
a.call(null); // null
a.call(undefined); // undefined

手写题：数组扁平化

function flatten(arr) {
   
  let result = [];

  for (let i = 0; i < arr.length; i++) {
   
    if (Array.isArray(arr[i])) {
   
      result = result.concat(flatten(arr[i]));
    } else {
   
      result = result.concat(arr[i]);
    }
  }

  return result;
}

const a = [1, [2, [3, 4]]];
console.log(flatten(a));

什么是 JavaScript 中的包装类型？

在 JavaScript 中，基本类型是没有属性和方法的，但是为了便于操作基本类型的值，在调用基本类型的属性或方法时 JavaScript 会在后台隐式地将基本类型的值转换为对象，如：

con