ES6----练习题

2024-08-29 10:04
文章标签 练习题 frontend es6

本文主要是介绍ES6----练习题,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

单项选择题(每题2分,共10题)

1ES6又名(     )

A、ES2014           BES2015        C、ES2016         D、ES2017

2下列不是JAVASCRIPT的组成内容的是(     )

A、EcmaScript           B、BOM        C、DOM         D、JDK

3下列能将十进制转换为二、八、十六进制的方法是(     )

A、parseInt()           B、Number()        C、toString()         D、Math()

4下列能将字符串重复多次的方法是(      )

A、includes()           B、spread()        C、repead()         D、from()

5下列能将对象进行拼接的方法是(      )。

A、Object.assign()           B、Object.is()        C、Object.add()         D、Object.from()

6下列能将数组进行填充的方法是(      )。

A、fill()           B、find()        C、flat()         D、at()

7下列能将使用负数查询数组元素内容的方法是(     )。

A、flat()           B、at()        C、includes()         D、is()

8、下列用来对数组成员排序的方法是(     )

A、flat()           B、toReversed()        C、toSorted()         D、toSpliced()

9下列用来将把伪数组转换为真正的数组的方法是(     )

A、Array.to()           B、Array.is()        C、Array.of()         D、Array.from()

10下列用来将一组值,转换为数组的方法是(     )

A、Array.to()           B、Array.is()        C、Array.of()         D、Array.from()、

简答题(每题4分,共20题)

1、说说var、let、const之间的区别?

答:

var 定义全局变量、常量 let 定义变量(局部变量) const 定义常量

2简述一下你对ES6的理解?

答:

ecmascript 是 javascript 的标准,JavaScript 是 ecamscript 的具体实现

Es6又叫  es2015,是 esmascript 的第六个版本,这个版本更新内容最多,变化最大,应用最广泛

3、简述什么是模版字符串,作用是什么?

答:

模板字符串 ( template string)是增强版的字符串,用反引号(`)标识

字符串可以出现各种换行符

可以使用 ${xxx} 形式调用变量

会替换原有的内容

一般在变量和字符串拼接使用

4、简述什么是箭头函数,作用是什么?

答:

let 函数名 = (参数)=> {函数体}

箭头函数主要用于对普通函数进行优化

如果形参只有一个,则小括号可以省略

函数体如果只有一条语句,则花括号 {} 可以省略

5、什么rest参数,作用是什么?

答:

ES6 引入 rest(...) 参数,用于获取函数的实参,用来代替 arguments

6、ES6中规定,进制之间分别怎么进行显示区分?

答:

二进制 0b 或 0B

八进制 0o 或 0O

十进制(默认)

十六进制 0x 或 0X

7、ES6中对象的扩展方法有哪些?

答:

Object.is('str1','str2') 比较两个值是否相等

Object.assign(object1,object2) 用于拼接对象,是浅拷贝

Object.keys(object) 遍历所有的 key 值

Object.value(object) 遍历所有的 value 值

Object.entries() 遍历所有的 key 、value 值

8、ES6怎么写Class,为什么会出现Class?

答:

Class 类名{}

Class 主要为把js 的类的写法更接近传统的编程写法,让学者更好理解

9、Promise构造函数是同步执行还是异步执行,then 方法是同步执行还是异步执行?

答:

同步执行,异步执行

10、JS中什么是宏队列和微队列,哪个先执行?

答:

微队列先执行,执行完再执行宏队列中给异步任务

Html                      css+js

11、promise有几种状态,什么时候会进入catch?

答:

promise有三个状态

Pending --运行中

Fulfilled 成功

Rejected 失败

Pending 变 fulfilled/rejected

12、forEach、for in、for of三者区别?

答:

ForEach 遍历数组

For in 遍历对象

For of 遍历对象和数组

13、Es6解构赋值有哪些使用场景?

答:

数组、对象、字符串

14、Es6中Symbol是什么,有什么作用?

答:

Symbol 是 ES6 新增的数据类型,表示独一无二的值,主要是为了解决对象命名冲突的问题

15、Set是什么,有什么作用?

答:

set 是一种数据结构,用于存储复杂的数据,里面的值是唯一的,不能重复,具有自己的属性及方法

16、Map是什么,有什么作用?

答:

 ES6 新增的数据结构,它的key 不只是能用字符串,还可以使用对象进行表示,用于存储复杂的数据

17、谈谈你对深拷贝和浅拷贝的理解?

答:

浅拷贝只拷贝引用地址数据存储空间路径数据就放在原有的存储空间,如果修改一个值,其他值全部改变

深拷贝拷贝引用地址和值,如果修改一个值,放在新的存储空间,不会影响其他值

深拷贝修改值不会影响其他值的变化,浅拷贝会影响其他值变化

18、什么是Generator函数,有什么作用?

答:

Generator 函数的写法

Function* 函数名()

在generator函数中可以使用 yield 来暂停函数,并返回值,主要用于解决异步编程

19、什么是Proxy,有什么作用?

答:

是对象代理,主要用于拦截对象 的访问,进行对应的修改及处理

20、你是怎么理解ES6中Module的?为什么需要Module?

答:

Module 模块化,是es6 提出解决复杂编程的方法。当项目内容过多,文件过大,就可以使用module进行模块化管理,方便后期的代码修改及维护

这篇关于ES6----练习题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1117546

相关文章

HTML5中的Microdata与历史记录管理详解

《HTML5中的Microdata与历史记录管理详解》Microdata作为HTML5新增的一个特性,它允许开发者在HTML文档中添加更多的语义信息,以便于搜索引擎和浏览器更好地理解页面内容,本文将探... 目录html5中的Mijscrodata与历史记录管理背景简介html5中的Microdata使用M

html5的响应式布局的方法示例详解

《html5的响应式布局的方法示例详解》:本文主要介绍了HTML5中使用媒体查询和Flexbox进行响应式布局的方法,简要介绍了CSSGrid布局的基础知识和如何实现自动换行的网格布局,详细内容请阅读本文,希望能对你有所帮助... 一 使用媒体查询响应式布局        使用的参数@media这是常用的

HTML5表格语法格式详解

《HTML5表格语法格式详解》在HTML语法中,表格主要通过table、tr和td3个标签构成,本文通过实例代码讲解HTML5表格语法格式,感兴趣的朋友一起看看吧... 目录一、表格1.表格语法格式2.表格属性 3.例子二、不规则表格1.跨行2.跨列3.例子一、表格在html语法中,表格主要通过< tab

Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案

《Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案》:本文主要介绍Vue3组件中getCurrentInstance()获取App实例,但是返回nu... 目录vue3组件中getCurrentInstajavascriptnce()获取App实例,但是返回n

JS+HTML实现在线图片水印添加工具

《JS+HTML实现在线图片水印添加工具》在社交媒体和内容创作日益频繁的今天,如何保护原创内容、展示品牌身份成了一个不得不面对的问题,本文将实现一个完全基于HTML+CSS构建的现代化图片水印在线工具... 目录概述功能亮点使用方法技术解析延伸思考运行效果项目源码下载总结概述在社交媒体和内容创作日益频繁的

前端CSS Grid 布局示例详解

《前端CSSGrid布局示例详解》CSSGrid是一种二维布局系统,可以同时控制行和列,相比Flex(一维布局),更适合用在整体页面布局或复杂模块结构中,:本文主要介绍前端CSSGri... 目录css Grid 布局详解(通俗易懂版)一、概述二、基础概念三、创建 Grid 容器四、定义网格行和列五、设置行

前端下载文件时如何后端返回的文件流一些常见方法

《前端下载文件时如何后端返回的文件流一些常见方法》:本文主要介绍前端下载文件时如何后端返回的文件流一些常见方法,包括使用Blob和URL.createObjectURL创建下载链接,以及处理带有C... 目录1. 使用 Blob 和 URL.createObjectURL 创建下载链接例子:使用 Blob

Vuex Actions多参数传递的解决方案

《VuexActions多参数传递的解决方案》在Vuex中,actions的设计默认只支持单个参数传递,这有时会限制我们的使用场景,下面我将详细介绍几种处理多参数传递的解决方案,从基础到高级,... 目录一、对象封装法(推荐)二、参数解构法三、柯里化函数法四、Payload 工厂函数五、TypeScript

Vue3使用router,params传参为空问题

《Vue3使用router,params传参为空问题》:本文主要介绍Vue3使用router,params传参为空问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录vue3使用China编程router,params传参为空1.使用query方式传参2.使用 Histo

CSS Padding 和 Margin 区别全解析

《CSSPadding和Margin区别全解析》CSS中的padding和margin是两个非常基础且重要的属性,它们用于控制元素周围的空白区域,本文将详细介绍padding和... 目录css Padding 和 Margin 全解析1. Padding: 内边距2. Margin: 外边距3. Padd