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

相关文章

前端如何通过nginx访问本地端口

《前端如何通过nginx访问本地端口》:本文主要介绍前端如何通过nginx访问本地端口的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、nginx安装1、下载(1)下载地址(2)系统选择(3)版本选择2、安装部署(1)解压(2)配置文件修改(3)启动(4)

HTML中meta标签的常见使用案例(示例详解)

《HTML中meta标签的常见使用案例(示例详解)》HTMLmeta标签用于提供文档元数据,涵盖字符编码、SEO优化、社交媒体集成、移动设备适配、浏览器控制及安全隐私设置,优化页面显示与搜索引擎索引... 目录html中meta标签的常见使用案例一、基础功能二、搜索引擎优化(seo)三、社交媒体集成四、移动

HTML input 标签示例详解

《HTMLinput标签示例详解》input标签主要用于接收用户的输入,随type属性值的不同,变换其具体功能,本文通过实例图文并茂的形式给大家介绍HTMLinput标签,感兴趣的朋友一... 目录通用属性输入框单行文本输入框 text密码输入框 password数字输入框 number电子邮件输入编程框

HTML img标签和超链接标签详细介绍

《HTMLimg标签和超链接标签详细介绍》:本文主要介绍了HTML中img标签的使用,包括src属性(指定图片路径)、相对/绝对路径区别、alt替代文本、title提示、宽高控制及边框设置等,详细内容请阅读本文,希望能对你有所帮助... 目录img 标签src 属性alt 属性title 属性width/h

CSS3打造的现代交互式登录界面详细实现过程

《CSS3打造的现代交互式登录界面详细实现过程》本文介绍CSS3和jQuery在登录界面设计中的应用,涵盖动画、选择器、自定义字体及盒模型技术,提升界面美观与交互性,同时优化性能和可访问性,感兴趣的朋... 目录1. css3用户登录界面设计概述1.1 用户界面设计的重要性1.2 CSS3的新特性与优势1.

HTML5 中的<button>标签用法和特征

《HTML5中的<button>标签用法和特征》在HTML5中,button标签用于定义一个可点击的按钮,它是创建交互式网页的重要元素之一,本文将深入解析HTML5中的button标签,详细介绍其属... 目录引言<button> 标签的基本用法<button> 标签的属性typevaluedisabled

HTML5实现的移动端购物车自动结算功能示例代码

《HTML5实现的移动端购物车自动结算功能示例代码》本文介绍HTML5实现移动端购物车自动结算,通过WebStorage、事件监听、DOM操作等技术,确保实时更新与数据同步,优化性能及无障碍性,提升用... 目录1. 移动端购物车自动结算概述2. 数据存储与状态保存机制2.1 浏览器端的数据存储方式2.1.

基于 HTML5 Canvas 实现图片旋转与下载功能(完整代码展示)

《基于HTML5Canvas实现图片旋转与下载功能(完整代码展示)》本文将深入剖析一段基于HTML5Canvas的代码,该代码实现了图片的旋转(90度和180度)以及旋转后图片的下载... 目录一、引言二、html 结构分析三、css 样式分析四、JavaScript 功能实现一、引言在 Web 开发中,

CSS place-items: center解析与用法详解

《CSSplace-items:center解析与用法详解》place-items:center;是一个强大的CSS简写属性,用于同时控制网格(Grid)和弹性盒(Flexbox)... place-items: center; 是一个强大的 css 简写属性,用于同时控制 网格(Grid) 和 弹性盒(F

CSS实现元素撑满剩余空间的五种方法

《CSS实现元素撑满剩余空间的五种方法》在日常开发中,我们经常需要让某个元素占据容器的剩余空间,本文将介绍5种不同的方法来实现这个需求,并分析各种方法的优缺点,感兴趣的朋友一起看看吧... css实现元素撑满剩余空间的5种方法 在日常开发中,我们经常需要让某个元素占据容器的剩余空间。这是一个常见的布局需求