前端面试八股文

第一板块：JavaScript

ES6 新增内容

1、模板字符串 变量名写在 ${} 中，${} 中可以放入 JavaScript 表达式

2、箭头函数

3 class 类的继承

class Animal {}

class Dog extends Animal {

constructor(name) {

​ super();

​ // this.name = name

}

}

3、module

4、promise

5、const / let

6、 扩展运算符（...）

用于取出参数对象所有可遍历属性然后拷贝到当前对象

可用于合并两个对象

7、 解构赋值

解构赋值语法是一种 Javascript 表达式。通过解构赋值，可以将属性/值从对象/数组中取出，赋值给其他变量。

let a, b, rest;

[a, b] = [10, 20];

console.log(a);

// expected output: 10

console.log(b);

// expected output: 20

[a, b, ...rest] = [10, 20, 30, 40, 50];

console.log(rest);

// expected output: Array [30,40,50]

8、 Symbol 数据类型 一种新的原始数据类型，主要是为了避免属性名的重复

9、Map 一种新的数据结构，类似对象，Set 一种新的数据结构，类似数组

普通函数和箭头函数的区别？

1、箭头函数没有自己的 this 指向，它的 this 指向来源于它的上级，并且继承而来的 this 指向是无法改变的。

2、 箭头函数由于没有自己的 this，所以不能作为构造函数。

3、箭头函数中没有 arguments（形参数组），但是可以访问外围函数的arguments对象

补充：ES6 箭头函数中的 this 和所在环境(外层)中的 this 指向一致

如何改变 this 指向

可以使用call()、apply()、bind() 来改变 this

Call bind apply的原理和区别