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 获取

JS面试题汇总(Es6)相关推荐

JS面试题汇总（四）
往期点这里:↓ JS面试题汇总(一) JS面试题汇总(二) JS面试题汇总(三) 31. JS 单线程还是多线程,如何显示异步操作参考答案: JS 本身是单线程的,他是依靠浏览器完成的异步操作. 解 ...
js经典试题之ES6
js经典试题之ES6 1:在ECMAScript6 中,Promise的状态答案:pending resolved(fulfilled) rejected 解析: Promise对象只有三种状态: ...
JS面试题汇总（三）
往期点这里:↓ JS面试题汇总(一) JS面试题汇总(二) 21. for in.Object. keys 和 Object. getOwnPropertyNames 对属性遍历有什么区别? 参考答案 ...
2023前端面试题------JS 面试题(2) es6
2023前端面试题------es6 面试题三. JS高频面试题 15. 事件循环 16. 微任务和宏任务 17. http相关 18. 一个页面从输入 URL 到页面加载显示完成,这个过程中都发生 ...
JavaScript前端经典面试题之ES6面试题汇总es6
推荐阅读: vue3面试题:最新vue3.0前端经典面试试题及答案(持续更新中--)_南北极之间的博客-CSDN博客打包大小减少41%初次渲染快55%, 更新渲染快133%内存减少54%......使 ...
前端人必看的JS面试题汇总
面试是每一个前端人在求职过程中都需要面对的事情.在面试过程中,面试官没有办法通过实践操作去了解应聘者的技能水平,所以他们更多地会通过"八股文"的考察来判断你是否符合公司的招聘要求. ...
2021Vue.js面试题汇总及答案【全网最全建议收藏】
写在前面前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家:人工智能学习网站文章目录写在前面前言一.Vue.js基本问题 1.1.Vue 响应式原理 1.2.V ...
js 面试题汇总，面经汇总
要准备面试了汇总了一下网上(大部分是掘金)的面经,可以根据题目去搜索答案,这里并不存具体的答案目录 HTTP HTML CSS JS VUE webpack 微信小程序其他非技术类问题星级为从 ...
【js】js面试题汇总
太卷了叭,周六省图书馆转了好几圈,至少几千个位置吧,差点坐不到座位,更别说捞一个带插座了,真的会屑... ES5 var let const的区别 js小数精度问题 0.1+0.2 为什么≠0.3? ...

JS面试题汇总(Es6)

JS面试题汇总(Es6)相关推荐

最新文章

热门文章