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

相关文章

前端原生js实现拖拽排课效果实例

《前端原生js实现拖拽排课效果实例》:本文主要介绍如何实现一个简单的课程表拖拽功能,通过HTML、CSS和JavaScript的配合,我们实现了课程项的拖拽、放置和显示功能,文中通过实例代码介绍的... 目录1. 效果展示2. 效果分析2.1 关键点2.2 实现方法3. 代码实现3.1 html部分3.2

CSS弹性布局常用设置方式

《CSS弹性布局常用设置方式》文章总结了CSS布局与样式的常用属性和技巧,包括视口单位、弹性盒子布局、浮动元素、背景和边框样式、文本和阴影效果、溢出隐藏、定位以及背景渐变等,通过这些技巧,可以实现复杂... 一、单位元素vm 1vm 为视口的1%vh 视口高的1%vmin 参照长边vmax 参照长边re

CSS3中使用flex和grid实现等高元素布局的示例代码

《CSS3中使用flex和grid实现等高元素布局的示例代码》:本文主要介绍了使用CSS3中的Flexbox和Grid布局实现等高元素布局的方法,通过简单的两列实现、每行放置3列以及全部代码的展示,展示了这两种布局方式的实现细节和效果,详细内容请阅读本文,希望能对你有所帮助... 过往的实现方法是使用浮动加

css渐变色背景|<gradient示例详解

《css渐变色背景|<gradient示例详解》CSS渐变是一种从一种颜色平滑过渡到另一种颜色的效果,可以作为元素的背景,它包括线性渐变、径向渐变和锥形渐变,本文介绍css渐变色背景|<gradien... 使用渐变色作为背景可以直接将渐China编程变色用作元素的背景,可以看做是一种特殊的背景图片。(是作为背

CSS自定义浏览器滚动条样式完整代码

《CSS自定义浏览器滚动条样式完整代码》:本文主要介绍了如何使用CSS自定义浏览器滚动条的样式,包括隐藏滚动条的角落、设置滚动条的基本样式、轨道样式和滑块样式,并提供了完整的CSS代码示例,通过这些技巧,你可以为你的网站添加个性化的滚动条样式,从而提升用户体验,详细内容请阅读本文,希望能对你有所帮助...

css实现图片旋转功能

《css实现图片旋转功能》:本文主要介绍了四种CSS变换效果:图片旋转90度、水平翻转、垂直翻转,并附带了相应的代码示例,详细内容请阅读本文,希望能对你有所帮助... 一 css实现图片旋转90度.icon{ -moz-transform:rotate(-90deg); -webkit-transfo

vue基于ElementUI动态设置表格高度的3种方法

《vue基于ElementUI动态设置表格高度的3种方法》ElementUI+vue动态设置表格高度的几种方法,抛砖引玉,还有其它方法动态设置表格高度,大家可以开动脑筋... 方法一、css + js的形式这个方法需要在表格外层设置一个div,原理是将表格的高度设置成外层div的高度,所以外层的div需要

Vue项目中Element UI组件未注册的问题原因及解决方法

《Vue项目中ElementUI组件未注册的问题原因及解决方法》在Vue项目中使用ElementUI组件库时,开发者可能会遇到一些常见问题,例如组件未正确注册导致的警告或错误,本文将详细探讨这些问题... 目录引言一、问题背景1.1 错误信息分析1.2 问题原因二、解决方法2.1 全局引入 Element

详解如何在React中执行条件渲染

《详解如何在React中执行条件渲染》在现代Web开发中,React作为一种流行的JavaScript库,为开发者提供了一种高效构建用户界面的方式,条件渲染是React中的一个关键概念,本文将深入探讨... 目录引言什么是条件渲染?基础示例使用逻辑与运算符(&&)使用条件语句列表中的条件渲染总结引言在现代

详解Vue如何使用xlsx库导出Excel文件

《详解Vue如何使用xlsx库导出Excel文件》第三方库xlsx提供了强大的功能来处理Excel文件,它可以简化导出Excel文件这个过程,本文将为大家详细介绍一下它的具体使用,需要的小伙伴可以了解... 目录1. 安装依赖2. 创建vue组件3. 解释代码在Vue.js项目中导出Excel文件,使用第三