es5 | es6
文章平均质量分 53
hzxOnlineOk
这个作者很懒,什么都没留下…
展开
-
Promise.all解析及其用法(注意事项)
为什么谨慎使用Promise.all?有一天, 测试跟我反馈说,用户信息页面挂掉了, 整个页面的是空白的(无数据)。打开浏览器调试了一下,发现只是一个获取用户爱好的接口挂掉了。那么一个接口挂掉了为什么会导致整个页面无数据呢?先定位一下出问题的代码:Promise.all([occupations(), hobbies(), vehicles(), user()]) .then(res => { this.occupationItems = res[0] this.hob原创 2022-01-17 11:19:52 · 9214 阅读 · 0 评论 -
如何中断promise.all(以多文件上传为例)
// 发送文件getFn(file) { const formdata=new FormData(); formdata.append('file',file); return this.$axios({ method: "post", url: "/upload", data: formdata, cancelToken: new CancelToken(c =>原创 2022-01-17 10:33:58 · 1667 阅读 · 0 评论 -
javascript 数组A减去另一数组B
做聊天项目的时候遇要实现这样的一个功能: 邀请新的好友入群;点击邀请好友会弹出一个好友列表,显示你除了在群里面的好友外剩下的所有好友;我的思路是取到你所有的好友,然后所有好友中过滤掉已经是群成员的好友const users = [ { _id: 1, name: '好友1' }, { _id: 2, name: '好友1' }, { _id: 3, name..转载 2021-10-15 14:40:56 · 1926 阅读 · 0 评论 -
for in,for of, for,forEach,map,filter的区别
for...in根据key遍历遍历对象时会从原型上继承属性,可以用hasOwnProperty()识别出继承属性,遍历数组会把数组下标看做属性名,也就输出结果是数组的下标,且不一定按照数组的索引顺序。输出结果是字符串function Person(name){ this.name = name;}Person.prototype.getName = function(){ return this.name;}var child= new Person原创 2021-09-15 09:37:59 · 175 阅读 · 0 评论 -
ES6 Promise 简单易解
ES6 Promise 先拉出来遛遛复杂的概念先不讲,我们先简单粗暴地把Promise用一下,有个直观感受。那么第一个问题来了,Promise是什么玩意呢?是一个类?对象?数组?函数?别猜了,直接打印出来看看吧,console.dir(Promise),就这么简单粗暴。这么一看就明白了,Promise是一个构造函数,自己身上有all、reject、resolve这几个眼熟的方法,原型...转载 2019-05-22 19:46:33 · 110 阅读 · 0 评论 -
es5-8
ES5保留关键字:promise.catch(function() { });ES6箭头函数 Arrow functions:<C onPress={() => this.setState({pressed: true})} /> 块级作用域 Block scoping:let greeting = 'hi'; 数组的扩展运算 Call spread:Math.max(...array); 类 Classes:class C extends React.Compo...转载 2020-11-11 09:38:48 · 115 阅读 · 0 评论 -
前端es6 require动态引入图片报错Error: Cannot find module
在React-native中,Image组件的source如果使用require方式引入图片资源,则必须使用静态的字符串,不能使用变量,因为require是编译时执行的,而非运行时执行!于是React-native为Image组件的source提供了另外一种使用变量的方式source={{ uri: item.picture }}关于es6的require添加动态变化的路径直接静态......原创 2019-07-17 14:50:57 · 24911 阅读 · 12 评论 -
async和await
await后面接一个会return new promise的函数并执行它 await只能放在async函数里使用async和await获取成功的结果function 摇色子(){ return new Promise((resolve, reject)=>{ let sino = parseInt(Math.random() * 6 +1) setTimeout(()=>{ resolve(sino) ..转载 2020-06-05 09:24:15 · 201 阅读 · 0 评论 -
理解和使用Promise.all和Promise.race
一、Pomise.all的使用Promise.all可以将多个Promise实例包装成一个新的Promise实例。同时,成功和失败的返回值是不同的,成功的时候返回的是一个结果数组,而失败的时候则返回最先被reject失败状态的值。具体代码如下:let p1 = new Promise((resolve, reject) => { resolve('成功了')})...转载 2020-03-27 00:48:39 · 156 阅读 · 0 评论 -
module.exports和exports和export和export default的区别,import和require的区别
关于module.exports和exports的区别,我已经在前一篇文章讲过,传送门。在es5中,用module.exports和exports导出模块,用require引入模块。es6新增export和export default导出模块,import导入模块。一、在es6中的两种基本用法新建两个文件:a.js, b.js。a.js用于导出模块,b.js用户导入模块。两个文件放在...转载 2020-01-21 14:27:36 · 161 阅读 · 0 评论