JS面试题汇总(Es6)

Let 有块级作用域

不存在变量声明提前

不允许重复声明

声明的全局变量不会挂在到window上

const

声明一个只读的常量。一旦声明，常量的值就不能改变

有块级作用域

不存在变量声明提前

不允许重复声明

声明的全局变量不会挂在到window上

解构

从数组和对象中提取值，对变量进行赋值，这被称为解构

可以设置缺省值，使用 ‘,’代替

let [ , , third] = ["foo", "bar", "baz"];

可以设置默认值

let [foo = true] = [];

解构不仅可以用于数组，还可以用于对象。

对象的解构与数组有一个重要的不同。数组的元素是按次序排列的，变量的取值由它的位置决定；而对象的属性没有次序，变量必须与属性同名，才能取到正确的值。

如果变量名与属性名不一致，必须写成下面这样。

let obj = { first: 'hello', last: 'world' }; let { first: f, last: l } = obj; f // 'hello' l // 'world

字符串拓展

includes()：返回布尔值，表示是否找到了参数字符串。

startsWith()：返回布尔值，表示参数字符串是否在原字符串的头部。

endsWith()：返回布尔值，表示参数字符串是否在原字符串的尾部。

Repeat():方法返回一个新字符串，表示将原字符串重复n次。

padStart()，padEnd()

如果某个字符串不够指定长度，会在头部或尾部补全。padStart()用于头部补全，padEnd()用于尾部补全。

模板字符串

使用 ｀｀  进行字符串拼接。 支持 ${name} 

函数的拓展

函数可以设置参数的默认值

rest参数 类似于arguments  …rest 

箭头函数

（1）函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。

（2）不可以当作构造函数，也就是说，不可以使用new命令，否则会抛出一个错误。

（3）不可以使用arguments对象，该对象在函数体内不存在。如果要用，可以用 rest 参数代替。

数组拓展

Array.from方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象（包括 ES6 新增的数据结构 Set 和 Map）。

Array.of方法用于将一组值，转换为数组。

数组实例的copyWithin方法，在当前数组内部，将指定位置的成员复制到其他位置（会覆盖原有成员），然后返回当前数组。也就是说，使用这个方法，会修改当前数组。

target（必需）：从该位置开始替换数据。如果为负值，表示倒数。
start（可选）：从该位置开始读取数据，默认为 0。如果为负值，表示倒数。
end（可选）：到该位置前停止读取数据，默认等于数组长度。如果为负值，表示倒数。
数组实例的 find() 和 findIndex()

数组实例的find方法，用于找出第一个符合条件的数组成员。它的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员。如果没有符合条件的成员，则返回undefined。

数组实例的findIndex方法的用法与find方法非常类似，返回第一个符合条件的数组成员的位置，如果所有成员都不符合条件，则返回-1。

fill()

fill方法使用给定值，填充一个数组。

Includes()方法返回一个布尔值，表示某个数组是否包含给定的值，与字符串的includes方法类似。

flat()用于将嵌套的数组“拉平”，变成一维的数组。该方法返回一个新数组，对原数据没有影响。

flat()默认只会“拉平”一层，如果想要“拉平”多层的嵌套数组，可以将flat()方法的参数写成一个整数，表示想要拉平的层数，默认为1。

如果不管有多少层嵌套，都要转成一维数组，可以用Infinity关键字作为参数。

对象的拓展  讲 class 创建对象，和继承

关键字super，指向当前对象的原型对象。

Object.setPrototypeOf(obj, proto);

给obj的原型上添加 proto属性

深拷贝 方法一

对象的扩展运算符（...）用于取出参数对象的所有可遍历属性，拷贝到当前对象之中。

let z = { a: 3, b: 4 }; let n = { ...z }; n // { a: 3, b: 4 }

Object.assign()方法。Object.assign方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）,浅拷贝

let aClone = { ...a }; // 等同于 let aClone = Object.assign({}, a);

Symbol，表示独一无二的值。它是 JavaScript 语言的第七种数据类型，前六种是：undefined、null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）

Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。

add(value)：添加某个值，返回 Set 结构本身。

delete(value)：删除某个值，返回一个布尔值，表示删除是否成功。

has(value)：返回一个布尔值，表示该值是否为Set的成员。

clear()：清除所有成员，没有返回值。

Map 数据结构。它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。

size属性返回 Map 结构的成员总数。

set方法设置键名key对应的键值为value，然后返回整个 Map 结构。

get方法读取key对应的键值，如果找不到key，返回undefined。

has方法返回一个布尔值，表示某个键是否在当前 Map 对象之中。

delete方法删除某个键，返回true。如果删除失败，返回false。

clear方法清除所有成员，没有返回值。

Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。

会遇到这样的困境：一个接口的参数会需要使用另一个接口获取。

正常的前端会把接口写在另一个接口的回调里，但是它增加了函数的嵌套深度也会造成一定的逻辑混乱。不利于阅读和维护。

解决，使用promise 把 ajax 的结果封装到reslove 里面

然后在下一个ajax 中如果想用上一个ajax 的返回结果，无需嵌套，只需要 p.then 获取