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

相关文章

在React中引入Tailwind CSS的完整指南

《在React中引入TailwindCSS的完整指南》在现代前端开发中,使用UI库可以显著提高开发效率,TailwindCSS是一个功能类优先的CSS框架,本文将详细介绍如何在Reac... 目录前言一、Tailwind css 简介二、创建 React 项目使用 Create React App 创建项目

vue使用docxtemplater导出word

《vue使用docxtemplater导出word》docxtemplater是一种邮件合并工具,以编程方式使用并处理条件、循环,并且可以扩展以插入任何内容,下面我们来看看如何使用docxtempl... 目录docxtemplatervue使用docxtemplater导出word安装常用语法 封装导出方

Vue中组件之间传值的六种方式(完整版)

《Vue中组件之间传值的六种方式(完整版)》组件是vue.js最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用,针对不同的使用场景,如何选择行之有效的通信方式... 目录前言方法一、props/$emit1.父组件向子组件传值2.子组件向父组件传值(通过事件形式)方

css中的 vertical-align与line-height作用详解

《css中的vertical-align与line-height作用详解》:本文主要介绍了CSS中的`vertical-align`和`line-height`属性,包括它们的作用、适用元素、属性值、常见使用场景、常见问题及解决方案,详细内容请阅读本文,希望能对你有所帮助... 目录vertical-ali

浅析CSS 中z - index属性的作用及在什么情况下会失效

《浅析CSS中z-index属性的作用及在什么情况下会失效》z-index属性用于控制元素的堆叠顺序,值越大,元素越显示在上层,它需要元素具有定位属性(如relative、absolute、fi... 目录1. z-index 属性的作用2. z-index 失效的情况2.1 元素没有定位属性2.2 元素处

Python实现html转png的完美方案介绍

《Python实现html转png的完美方案介绍》这篇文章主要为大家详细介绍了如何使用Python实现html转png功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 1.增强稳定性与错误处理建议使用三层异常捕获结构:try: with sync_playwright(

Vue 调用摄像头扫描条码功能实现代码

《Vue调用摄像头扫描条码功能实现代码》本文介绍了如何使用Vue.js和jsQR库来实现调用摄像头并扫描条码的功能,通过安装依赖、获取摄像头视频流、解析条码等步骤,实现了从开始扫描到停止扫描的完整流... 目录实现步骤:代码实现1. 安装依赖2. vue 页面代码功能说明注意事项以下是一个基于 Vue.js

CSS @media print 使用详解

《CSS@mediaprint使用详解》:本文主要介绍了CSS中的打印媒体查询@mediaprint包括基本语法、常见使用场景和代码示例,如隐藏非必要元素、调整字体和颜色、处理链接的URL显示、分页控制、调整边距和背景等,还提供了测试方法和关键注意事项,并分享了进阶技巧,详细内容请阅读本文,希望能对你有所帮助...

Nginx实现前端灰度发布

《Nginx实现前端灰度发布》灰度发布是一种重要的策略,它允许我们在不影响所有用户的情况下,逐步推出新功能或更新,通过灰度发布,我们可以测试新版本的稳定性和性能,下面就来介绍一下前端灰度发布的使用,感... 目录前言一、基于权重的流量分配二、基于 Cookie 的分流三、基于请求头的分流四、基于请求参数的分

基于Canvas的Html5多时区动态时钟实战代码

《基于Canvas的Html5多时区动态时钟实战代码》:本文主要介绍了如何使用Canvas在HTML5上实现一个多时区动态时钟的web展示,通过Canvas的API,可以绘制出6个不同城市的时钟,并且这些时钟可以动态转动,每个时钟上都会标注出对应的24小时制时间,详细内容请阅读本文,希望能对你有所帮助...