![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ES6
文章平均质量分 90
爱创乐育知识速递
爱创乐育 ----- 爱创课堂旗下专业前端技术培训品牌
展开
-
web前端 - 写出漂亮JavaScript代码的实用技巧
1、按强类型风格写代码js是弱类型的,但是写代码的时候不能太随意,写得太随意也体现了编码风格不好。下面分点说明:(1)定义变量的时候要指明类型,告诉JS解释器这个变量是什么数据类型的,而不要让解释器去猜,例如不好的写法:var num,str,obj;声明了三个变量,但其实没什么用,因为解释器不知道它们是什么类型的,好的写法应该是这样的:var num =0,str =’’,obj =null;定义变量的时候就给他一个默认值,这样不仅方便了解释器,也方便了阅读代码的人,他会在心里有数——原创 2022-02-15 17:50:58 · 350 阅读 · 0 评论 -
五个JavaScript Util 函数的趣味应用
1、 模拟延迟有时我们需要模拟某些动作之间的特定延迟。使用以下代码就很容易实现:function delay(timeout) {return new Promise((resolve) => {const timeoutHandle =setTimeout(() => {clearTimeout(timeoutHandle);resolve()}, timeout);});}这个util函数的用法如下:async function(){console.log(‘Th原创 2021-09-28 17:30:06 · 326 阅读 · 0 评论 -
Es6+Webpack+Nodejs常见面试题总结
一、async 和 await 的基本用法async是基于Promise的generator语法糖,以同步流程表达异步操作;async函数的特点:被async修饰过的函数调用,返回的是一个promise对象,对象的状态默认是 ‘完成状态 resolve’;async函数会根据当前状态自动调用并且返回值,无需手动调用resolve() 和 reject() 方法;然后使用函数对象.then()方法处理返回的结果值;await的特点:不能单独使用,需要和 async 一起使用;遇到await可以原创 2021-08-30 17:36:39 · 325 阅读 · 0 评论 -
web前端 - 你不知道的11个JavaScript开发技巧
在最新版的JavaScript 中,JavaScript 语言引入了更多的有用语法。在本文中,我将介绍几个在JavaScript新旧版本中易于阅读的技巧。我们将从三元运算符、声明多个变量、箭头函数、默认参数值等方面开始。1、三元运算符我们可以使用三元运算符以简洁的方式编写 if…else 语句。而不是写:const x = 20;let grade;if (x >= 50) {grade = “pass”;} else {grade = “fail”;}我们可以写:const原创 2021-07-26 17:34:43 · 123 阅读 · 0 评论 -
web前端中的async/await用处你知道?
下文三个装饰器,都是利用了async/await把异步变成同步的特性实现的。要求被装饰的方法必须写成async/await,用起来十分方便,实现彻底被隐藏在了装饰器内部。前两个都是用在ts环境下class写法的vue里的。不过看清楚逻辑后,很容易修改成可以用在js环境中的vue组件上。下面和爱创乐育小编一起来,看一下吧!!!一、给vue添加一个指示初始化完成的变量。指业务相关的初始化逻辑都完成了 比如搜索功能:搜索中显示loading,结果为空时显示暂无数据。但是第一次打开页面时,搜索还没完成,但原创 2021-07-06 17:34:05 · 530 阅读 · 0 评论 -
ES6中的Promise,你知道多少?
一、JS异步编程历程Javascript异步编程先后经历了四个阶段,分别是Callback阶段,Promise阶段,Generator阶段和Async/Await阶段。Callback很快就被发现存在回调地狱和控制权问题,Promise就是在这个时间出现,用以解决这些问题,Promise并非一个新事务,而是按照一个规范实现的类,这个规范有很多,如 Promise/A,Promise/B,Promise/D以及 Promise/A 的升级版 Promise/A+,最终 ES6 中采用了 Promise/A+原创 2021-06-30 17:22:22 · 95 阅读 · 0 评论