几道前端笔试题

1.javascript面向对象的继承怎么实现的？

首先我们要明白面向对象这个概念，什么是面向对象？
相对于面向过程来说，面向过程是分析出实现需求所需要的步骤，通过函数一步一步实现这些步骤，接着依次调用即可。
而面向对象是把整个需求按照特点、功能划分，将这些存在共性的部分封装成对象，创建了对象不是为了完成某一个步骤，而是描述某个事物在解决问题的步骤中的行为。
面向对象的两个重要概念就是类和继承。在类没有出来之前通过构造函数来实现类的功能。首先定义类或构造函数，new出一个新对象，新对象通过__proto__来找到要使用的属性或方法，通过new实例来调用类的方法就是面向对象的本质。

2.js的基本数据类型如何判断

js的基本数据类型有string,number,boolean,undefined,null,symbol
通过typeof可以直接判断出除了null以外的数据类型，而typeof null会返回object，这表示null是一个数据空指针。所以，我们可以用Object.prototype.toString.call()来进行判断，可以获得准确的值。

3.箭头函数和普通函数的区别

从上表看可以分为这3个。箭头函数的 this永远指向其上下文的 this ，任何方法都改变不了其指向，如 call() , bind() , apply() ，普通函数的this指向调用它的那个对象。
而箭头函数没有arguments的这个属性，可以使用rest运算符代替。
箭头函数的prototype为undefined。

4.数组去重的方法

数组去重一个老生常谈的话题。
如，要去重的数组为var arr=[12,3,2,5,2,4,3,2]
1）新建数组

 var arr1=[] //新建一个空数组
 for(var i=0;i<arr.length;i++){
     if(arr1.indexOf(arr[i])==-1){ //如果新数组没有原数组中的某个数
        arr1.push(arr[i])     
     }
  }
  //最后获得的arr1就是去重后的数组

2）es6新方法set

var arr1=[...new Set(arr)]

5.代码输出判断

 setTimeout(() => {
    console.log(1)
  }, 0)
  new Promise((resolve, reject) => {
    console.log(2)
    for (var i = 0; i < 10000; i++) {
      i == 9999 && resolve()
    }
    console.log(3)
  }).then(() => {
    console.log(4)
  })
  console.log(5)

要做对这道题就需要了解几个概念，一个是js事件的同步、异步，任务队列，宏任务，微任务。
首先js是单线程的，所以同步代码在主线程执行，遇到异步代码会将异步代码先放进任务队列中，等同步代码执行完毕在去任务队列中取出异步代码来执行。
所以可以知道同步代码会优先执行。而异步代码又分宏任务和微任务。宏任务是JS 内部（任务队列里）的任务，严格按照时间顺序压栈和执行。微任务队列是一个与任务队列相互独立的队列，比如promise的回调就是微任务，而定时器是宏任务。微任务相对于宏任务会先执行。
因此，同步代码会先打印2，3，5，之后是微任务4，最后是宏任务1，答案就是2，3，5，4，1。