ES6知识点总结 什么是ES6 var let const promise的理解 说一下async和await 以及他们和promise的区别 promise的all和race方法

已于 2022-05-04 19:20:50 修改
阅读量830 收藏 1
点赞数
文章标签： es6 前端 面试
于 2022-04-28 17:02:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/longshao_520/article/details/124476764
版权

ES6知识点总结

一、什么是ES6

答：
	ES6结束ECMAScript的第六个版本
	js由三部分组成 DOM(文档对象模型) BOM(浏览器对象模型) ECMAScript(js语法)

二、promise

1.promise的理解

答：
	promise就是ES6为我们提供的一种异步解决方案 在我的理解中promise就是把异步换了一种写法
	从之前的嵌套函数变成了链式的写法

2.什么是promise？promise能解决什么？

答：
	promise就是ES6为我们提供的一种异步解决方案 在我的理解中promise就是把异步操作换了一种写法
	从之前的嵌套函数变成了链式的写法
	promise能够解决**回调地狱**的问题  所谓的回调地狱就是拿到a的数据去请求b的数据 
	拿到b的数据去请求c的数据  这样回调函数嵌套回调函数的写法就叫做回调地狱
	这样的写法比较臃肿 后期难以维护
	出来promise之外还可以用async最终解决方案

3.promise的特点 （三种状态）

答：
	promise有三种状态 resolve(成功)，reject(失败)，pending(进行中) 
	如果成功的话 可以用resolve将成功的结果返回出去 通过.then()方式来接收
	如果失败的话 可以用reject 将失败的结果返回出去 通过.catch()方式来接收
	pending的状态是进行中 一旦进行之后他的状态是不可逆的

4.promise怎么用？

答：
	如果要使用promise我们要对promise进行实例化 在实例化构建里面有一个回调函数这个函数里面有两个参数
	分别是（resolve，reject） 我们可以通过promise的实例化对象调用可以用.then（） .catch（）的方式
	来接收结果

5.哪些东西本身就是promise对象

答：
	jQuery的ajax请求 axios请求 等等 都是promise对象 都可以直接用.then(),.catch()

6.哪些东西不是promise对象

答：
	wx.request和原生ajax都不是promise对象 不能用.then()方法 如果想用 可以自己封装个promise

三、说一下async和await 以及他们和promise的区别

答：
	async是异步操作的最终解决方案 async一般和await配合使用  当我们给函数前面加上关键字async的时候
	这个函数的返回值就是一个promise 而await是一个同步的操作 await只能配合async不然会报错
	await后面可以是一个表达式也可以是一个promise 在await下面的代码 必须等在await执行完成之后才去执行
	他们和promise区别就是在写法上更简洁

四、generator函数

答：
	generator函数也是ES6的异步回调的一种写法 但是这种写法背async取代了
	generator给函数用*表示 和yield搭配使用

五、promise的all和race方法

答：
	promise还给我们提供了.all和.race 
	期中all方法就是 将多个请求合并成一个请求 比如当首页要请求10接口 就可以用promise.all进行合并
	.race的作用也是将多个请求合并成一个请求 谁先请求成功就先返回谁

六、说一下var let const 区别

答：
	var和let是声明变量的 const是声明常量的
	var声明的变量存在变量提升 而let和const不会
	var是函数作用域生效 let和const是块级作用域生效
	var在全局作用域声明的变量会挂载的window上 而let和const不会

7.箭头函数与普通函数的区别

答：
	箭头函数就是ES6为我们提供的一种简洁的函数写法
	写法：函数名()=>(){} 当函数中只有一个表达式的时候{}和return都可以省略
	特点:箭头函数的this始终指向箭头函数定义式离this最近的一个函数 如果没有就指向window
	区别:
		箭头函数不能用于构造函数 不能使用new xxx 而普通函数可以
		在普通函数中 this始终指向调用它的对象 如果用于构造函数 this指向创建的对象实例
		在箭头函数中 this始终指向离箭头函数定义时离this最近的一个函数 如果没有就指向window

8.说一下for in 和for of 的区别

答:
	for in 用来遍历对象 而for of 遍历对象会报错
	for in 遍历数组 得到数组的下标 而 for of 遍历数组 得到数组里面的每一个元素

9.ES5的面向对象和ES6的面向对象

答:
	ES5的面向对象是通过new 一个构造函数实现的
	ES6的面向对象是通过class实现的 ES6的class就是面向对象的语法糖
	面向对象是一个概念或者编程思想 面向对象相当于面向过程来讲的 面向对象方法 把相关的数据和方法
	组织为一个整体来看待 从更高的层次来进行系统建模 更贴近事物的自然运行模式

10.说一说new操作符具体干了什么

答:
	在js中new操作符用于构建一个给定构造函数的实例对象
	new的实例可以访问构造函数里的属性 也能访问原型上的方法

	创建一个新的obj对象 将对象与构造函数通过原型链连接起来 将构造函数中的this绑定到新建的对象obj上
	根据构造函数返回的类型进行判断 如果是原始值将被忽略 如果返回是对象 将会正常处理

11.说一下JavaScript原型 以及原型链的理解

答:
	1.prototype 显示原型
	  每个函数都有一个prototype属性 被称为显示原型 
	  里面包含了构造函数公共的方法
	2.__proto__ 隐式原型
	  每个实例对象都会有__proto__属性 被称为隐式原型 
	  每个隐式原型的实例对象的属性都指向自身构造函数的现实原型prototype中
	3.constructor 
	  每个prototype原型都有一个constructor属性 指向它关联的构造函数
	4.原型链 
	  获取对象属性或方法时 如果对象本身没有这个属性 那就去他的原型__proto__中去找 如果还找不到
	  就去找原型的原型 一直找到最顶层(object.prototype)为止 最顶层也有proto属性 值为null

12.JavaScript中如何实现继承

答:
	js继承方式有很多 主要分为ES5和ES6继承
	ES5继承:
		es5实现继承主要通过prototype来实现的
		实例继承  构造函数继承  组合继承(结合前两者)
	ES6继承: 
		用class来定义类 用extends继承类 用super()表示

13.class与class继承

答:
	传统的js中只有对象 没有类的概念 它是基于面向对象而言的 
	ES5通过构造函数来创建类 ES6通过class关键字来创建类 跟传统的面向对象语言更加接近
	ES5中如果要生成一个对象实例 需要先定义一个构造函数 然后通过new操作符来创建实例
	ES6中引入了class这个概念 通过class关键字定义类
跟着阿龙学编程
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
async/await和promise的区别
m0_65169658的博客
04-22 1万+
async async函数定义 async函数是使用关键字声明的函数。async 是“异步”的简写，所以应该很好理解 async 用于申明一个 function 是异步的。 作用 用于解决：异步程序产生的bug ####async函数的语法 async function name([param[, param[, ... param]]]) { statements } 参数：name 函数名称 ​ param 要传递
promise执行顺序总结
abcde158308的博客
05-18 3434
1、 const promise = new Promise((resolve, reject)=>{ console.log(1); resolve(); console.log(2); }) promise.then(()=>{ console.log(4); }) console.log(5); 运行结果是： 1,2,5,4 解释：promise的构造函数是同步执行，promise.then中的函数是异步执行。 2、 const.
Promise与Async/Await的区别
热门推荐
程序员良仔
07-28 1万+
前言 目录前言一、什么是promise二、什么是Async/Await?三、promise的使用四、Async/Await的使用五、两者区别六、总结 一、什么是promise 二、什么是Async/Await? 三、promise的使用 四、Async/Await的使用 五、两者区别 六、总结 代码下载(p-react-router分支)：https://gitee.com/staraliang/react17-app/tree/p-hook/ 觉得本文写的不错的，希望点赞、收藏、加关注，每月
async await和promise的区别
最新发布
Liw_J的博客
04-03 468
综上所述，Promise 和 async/await 各有优势，适用于不同的场景。Promise 在并发处理和链式调用方面更为灵活，而 async/await 则提供了更接近同步编程的语法风格，使得代码更加清晰和易于理解。async/await 和 Promise 的区别主要体现在语法、错误处理、并发处理能力、代码可读性等方面。这样的代码更易于阅读和维护，尤其是当你有多个异步操作需要顺序执行时。是处理异步操作的一种更简洁的方法，它本质上是。关键字定义的异步函数，它使用。在JavaScript中，
Promise.all 和 for中await 的区别
ZengYue_D的博客
03-26 737
async getInfo (list) { let results = await Promise.all(list.map(async (item) => { let data = await request.post(url, {item.id}) return data ; })); }
Promise对象第一篇
bbshen_13的博客
04-02 121
1.Promise的含义 Promise是异步编程的一种解决方案，比传统的解决方案（回调函数和事件）更合理更强大。 所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件 (通常是一个异步操作)的结果。从语法上说，Promise是一个对象，从它可以获取异步操作的消息。 Promise对象有以下2个特点： 1.对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：Pending(进行中)、Resolved(已完成)和Rejected(已失败)。只有异步操作的结果，可以
ES6的异步操作之promise用法和async函数的具体使用
10-15
总的来说，Promise和async/await是ES6异步操作的核心，它们提供了更优雅的处理异步操作的方式，让代码更加简洁、易于理解和维护。掌握这些特性对于现代JavaScript开发至关重要。通过实例化Promise、使用`then`和`...
async-wait-until：使用方便的Promise API等待给定的回调返回真实值
02-03
异步等待直到 等待谓词为真并解决一个... const waitUntil = require ( 'async-wait-until' ) ; const timeOfStart = Date . now ( ) ; // Wait for some async operation to end waitUntil ( ( ) => { const timePas
JS基于ES6新特性async await进行异步处理操作示例
10-17
ES6的`async/await`是JavaScript中处理异步操作的一种新方法，它极大地改进了Promise链式调用的方式，让异步代码看起来更接近同步代码的结构，从而提高了代码的可读性和可维护性。在本文中，我们将深入探讨`async/...
async和await的用法
05-09
总的来说，async和await提供了一种更清晰、更易于理解的处理异步操作的方式，它们使代码看起来更接近同步流程，减少了回调函数和嵌套层级，提高了代码的可读性和可维护性。在处理Promise链或者复杂的异步逻辑时，...
fritzbox.js：领先的AVM Fritz！Box API，用于NodeJS和JavaScript
02-03
如果您的7.5.0版本在7.0.0和7.5.0之间， 7.5.0可以使用和声标志--harmony-async-await来使用async / await承诺。 这个包是在弗里茨！盒7390和7490测试，固件版本6.53 ， 6.51和6.83 。正在安装npm install fritzbox...
js Promise小理解
大英雄不该去雪山打滚
11-24 515
代码1 const promise = new Promise((resolve, reject) => { console.log("1") setTimeout(() => { console.log("3秒后打印:2") }, 3000) resolve() //注意resolve的位置 console.log("3") }) promise.then(() => { console.log("4") }) console.log("5") 代码
Promise、async/await的理解以及区别
m0_74343097的博客
01-05 2589
Promise、async/await的理解以及区别
Promise和async/await的区别
weixin_47277125的博客
03-27 9249
在了解二者的区别，首先先了解一下js的同步与异步 因为js语言的单线程的，面对多个任务执行的时候，只有上一个任务完成后才会进入下一个任务，而，我们在开发过程中会遇到一些axjos的请求或者一些文件数据的读取会花费一些时间，这样严重影响的用户的使用体验。 同步任务：上一个任务完成后才能执行下一个任务，比如元素的渲染 异步任务：可以同时之宗两个任务，例如图片的加载等 实现异步编程的方法有回调函数，promise和async/await 1.promise 一个promise可能有三种状态，等待（pe
什么时候用promise.all 什么时候用async和await
weixin_54362381的博客
11-02 2220
什么时候用promise.all什么时候用async和await？ 考验的还是我们对上面俩者的理解程度 promise 是用来解决回调地狱的好方法：将异步的执行代码体封装到一个函数体内部，返回一个成功的方法 通过.then()来达到同步的效果。 常见的promsie用法是： return new Promise((resolve,reject)=>{ setTimeout(()=>{resolve('a')},3000) //异步代码 }).then(res=>{console.
es6-Promise用法
Jidahan的博客
05-25 217
PromisePromise 的定义Promise缺点Promise基本用法Promise之语法糖.thenPromise之语法糖.catchPromise之语法糖.finallyPromise之语法糖.allPromise之语法糖.race Promise 的定义 Pormise是JS的异步编程的一种解决方案，在ES6将其写进了语言标准，提供了原生的Promise对象。 Promise简单来理解就是一个容器，里面存放着某个未来才会结束的事件结果。Promise是一个对象，从它可以获取异步操作的消息，Pro
异步流程工具
ccc_y的博客
05-16 285
前端异步流程工具 Promise √ Generator函数 Async函数 √ async函数式由es6提供的 async函数的底层其实就是generator函数 async函数需要和关键字 await 搭配使用 async也是Promise,也可以调用.then 格式 const asyncFn = as...
promise与async/await的使用及区别
nick_zhang的博客
05-30 8169
简单的一张图可以直观的表现出 callback、promise 和 async/await 在使用时的主要区别。 callback,promise,async&await三者的区别? 1.callback 经过深层次的嵌套，会产生回调地狱，需手动检查err参数。 2.promise 通过链式调用，直接在 then 中返回一个 promise 来将异步操作串联起来，用 catch 来做错误处理。但你仍然需要传递一个回调函数给 then，通过 then 来串联，与同步代码的差别仍然很大。 3.async
async await 和promise区别
12-04
async/await和Promise都是JavaScript中用于处理异步操作的机制，它们之间有以下几点区别： 1. 语法不同：async/await是ES2017引入的新语法，而Promise是ES6引入的新特性。 2. 错误处理方式不同：在Promise中，错误可以通过catch()方法捕获，而在async/await中，错误可以通过try/catch语句捕获。 3. async/await更加简洁：async/await可以让异步代码看起来更像同步代码，更加易于理解和维护。 4. async/await需要配合Promise使用：async/await本质上是基于Promise实现的，async函数返回的是一个Promise对象，await后面跟着的应该是一个Promise对象。 下面是一个使用Promise和async/await实现异步操作的例子： 使用Promise实现异步操作： ```javascript function getData() { return new Promise((resolve, reject) => { setTimeout(() => { resolve('data'); }, 1000); }); } getData() .then(data => { console.log(data); }) .catch(error => { console.error(error); }); ``` 使用async/await实现异步操作： ```javascript async function getData() { return new Promise((resolve, reject) => { setTimeout(() => { resolve('data'); }, 1000); }); } async function main() { try { const data = await getData(); console.log(data); } catch (error) { console.error(error); } } main(); ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

跟着阿龙学编程

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值