[js]promise学习2
let fs = require("fs"),
path = require('path');
普通读取文件方法
/*
fs.readFile(path.resolve('./data.json'), 'utf8', (err, data) => {
if (err) throw err;
console.log(data);
});
console.log(111); //readFile是异步的,会先执行
*/
//将读文件方法封装成函数return(因为readFile是异步的,不能用return)
/*function readFile(fp) {
fs.readFile(fp, 'utf8', (err, data) => {
if (err) return err;
return data;
})
}
console.log(111);
console.log(readFile(path.resolve('./data.json'))); //undefined*/
利用回调解决获取数据问题
/*function readFile(fp, callback) {
fs.readFile(fp, 'utf8', (err, data) => {
if (err) return callback(err);
callback(null, data)
})
}
readFile(path.resolve('./data.json'), (err, data) => {
if (err) console.log(err.message);
console.log(data)
});
console.log(111);*/
分开写回调更明确点
/*function readFile2(fp, succCb, errCb) {
fs.readFile(fp, 'utf8', (err, data) => {
if (err) return errCb(err);
succCb(data)
});
}
readFile2(path.resolve('./data1.json'), function succCb(data) {
console.log(data);
}, function errCb(err) {
console.log('处理错误');
});
readFile2(path.resolve('./data.json'), function succCb(data) {
console.log(data);
readFile2(path.resolve('./data2.json'), function succCb(data) {
console.log(data);
readFile2(path.resolve('./data3.json'), function succCb(data) {
console.log(data);
});
});
});*/
使用promise实现读文件
/*
var p = new Promise(function () {
fs.readFile(path.resolve('./data.json'), 'utf8', (err, data) => {
if (err) return err;
console.log(data);
})
});
//特点, new后立即执行excutor
*/
如何不让立即执行: 放到函数里
/*function readFile() {
var p = new Promise(function () {
fs.readFile(path.resolve('./data.json'), 'utf8', (err, data) => {
if (err) throw err;
console.log(data); //如何获取数据: 异步操作不能return
})
});
}
console.log(111);
readFile();
console.log(222);*/
使用promise的reject和resolve返回数据
/*
function readFile() {
var promise = new Promise(function (resolve, reject) {
fs.readFile(path.resolve('./data1.json'), 'utf8', (err, data) => {
if (err) return reject(err);
resolve(data); //如何获取数据: 异步操作不能return
})
});
return promise; //1,返回时var promise还并没有只系那个
}
var p = readFile();
p.then(function (data) { //2,直到.then实例化了具体的resolve, reject函数后, 才去执行的var promise的内容.
console.log(data);
}, function (err) {
console.log(err);
});
*/
//优化
//1.取消return中间变量
//2.调用tehn时候不必中间变量
/*
function readFile() {
return new Promise(function (resolve, reject) {
fs.readFile(path.resolve('./data.json'), 'utf8', (err, data) => {
if (err) return reject(err);
resolve(data); //如何获取数据: 异步操作不能return
})
});
//1,返回时var promise还并没有只系那个
}
readFile().then(function (data) { //2,直到.then实例化了具体的resolve, reject函数后, 才去执行的var promise的内容.
console.log(data);
}, function (err) {
console.log(err);
});
*/
function readFile(fp) {
return new Promise(function (resolve, reject) {
fs.readFile(path.resolve(fp), 'utf8', (err, data) => {
if (err) return reject(err);
resolve(data); //如何获取数据: 异步操作不能return
})
})
}
/*
readFile('data.json').then(function (data) {
console.log(data);
readFile('data2.json').then(function (data) {
console.log(data);
readFile('data3.json').then(function (data) {
console.log(data);
});
});
});*/
/*
readFile('data.json').then(function (data) {
console.log(data);
11
return readFile('data2.json'); //返回新的promise, 本次返回的promise对象, 被第二个.then()操作
}).then(function (data) {
console.log(data);
return readFile('data3.json');
}).then(function (data) {
console.log(data);
});
console.log(111);*/
默认情况,前面的promise错误,即终止promise, 后面的then不会执行
情况1: 使用错误的回调解决这个问题: 前面执行失败了,不要印象后续promise正常运行.
/*
readFile('data11.json').then(function (data) {
console.log(data);
return readFile('data2.json'); //返回新的promise, 本次返回的promise对象, 被第二个.then()操作
}, function (err) {
console.log('失败1');
return readFile('data2.json'); //返回新的promise,避免影响下一个
}).then(function (data) {
console.log(data);
return readFile('data3.json');
}, function (err) {
console.log('失败2');
return readFile('data3.json');
}).then(function (data) {
console.log(data);
}, function (err) {
console.log('失败3');
});
console.log(111);
*/
情况2: 如果后面的promise依赖于前面的promise执行结果, 前面错了,后面就不必执行了
//一旦保存,立即终止所有promise执行
// cache的作用,如果前面的任何一个promise执行失败,则立即终止执行, 并进入cahce处理异常.
readFile('data.json').then(function (data) {
console.log(data);
11
return readFile('data22.json'); //返回新的promise, 本次返回的promise对象, 被第二个.then()操作
}).then(function (data) {
console.log(data);
return readFile('data3.json');
}).then(function (data) {
console.log(data);
}).catch(function (err) { //有1个错误,立即终止promise,2.进入cache处理
console.log('自己的输出', err);
});
console.log(111);
[js]promise学习2的更多相关文章
- 【干货分享】Node.js 中文学习资料和教程导航
这篇文章来自 Github 上的一位开发者收集整理的 Node.js 中文学习资料和教程导航.Node 是一个服务器端 JavaScript 解释器,它将改变服务器应该如何工作的概念,它的目标是帮助程 ...
- Node.js 中文学习资料和教程导航
这篇文章来自 Github 上的一位开发者收集整理的 Node.js 中文学习资料和教程导航.Node 是一个服务器端 JavaScript 解释器,它将改变服务器应该如何工作的概念,它的目标是帮助程 ...
- js面向对象学习 - 对象概念及创建对象
原文地址:js面向对象学习笔记 一.对象概念 对象是什么?对象是“无序属性的集合,其属性可以包括基本值,对象或者函数”.也就是一组名值对的无序集合. 对象的特性(不可直接访问),也就是属性包含两种,数 ...
- js数组学习整理
原文地址:js数组学习整理 常用的js数组操作方法及原理 1.声明数组的方式 var colors = new Array();//空的数组 var colors = new Array(3); // ...
- js入门学习~ 运动应用小例
要实现的效果如下: 鼠标移入各个小方块,实现对应的效果(变宽,变高,移入透明,移出恢复)~~ (且各运动相互之前不干扰) 主要是练习多个物体的运动框架~~ --------------------- ...
- JS入门学习,写一个时钟~
<!-- 耽搁了几天,于是又继续回到JS的学习了~~ 各种头大,加油吧... --> <!doctype html><html><head> <t ...
- js再学习笔记
#js再学习笔记 ##基本 1.js严格区分大小写 2.js末尾的分号可加,也可不加 3.六种数据类型(使用typeof来检验数据的类型) `typeof` - undefined: `var ...
- JS数组学习笔记
原文:JS数组学习笔记 最近在备课数组,发现很多ES5的方法平时很少用到.细节比较多,自己做了大量例子和整理,希望对大家了解JavaScript中的Array有所帮助. 概念 数组是值的有序集合.每个 ...
- js 正则学习小记之匹配字符串
原文:js 正则学习小记之匹配字符串 今天看了第5章几个例子,有点收获,记录下来当作回顾也当作分享. 关于匹配字符串问题,有很多种类型,今天讨论 js 代码里的字符串匹配.(因为我想学完之后写个语法高 ...
随机推荐
- C#WinForm应用程序中嵌入ECharts图表
C#WinForm应用程序中嵌入ECharts图表 程序运行效果: 下载ECharts: 官网下载ECharts :http://echarts.baidu.com/download.html 或者直 ...
- 如何利用office绘制施工进度计划横道图?
在Excel中利用“悬浮的条形图”可以制作简单的横道图.Step1 启动Excel,仿照图1的格式,制作一份表格,并将有关工序名称.开(完)工时间和工程持续时间等数据填入表格中. A1单元格中请不要输 ...
- L - Fire Game
Fat brother and Maze are playing a kind of special (hentai) game on an N*M board (N rows, M columns) ...
- perl 遍历文件夹,获取全部文件
main #!/usr/bin/perl my ($path) = @ARGV; sub scan_file{ my @files = glob(@_[0]); foreach (@files){ i ...
- 设备重力感应 window.DeviceOrientationEvent
设备屏幕方向与运动 https://developers.google.cn/web/fundamentals/native-hardware/device-orientation/ MDN devi ...
- 洛谷 P1583魔法照片 & P1051谁拿了最多奖学金 & P1093奖学金
题目:https://www.luogu.org/problemnew/show/P1583 思路:sort sort sort //#include<bits/stdc++.h> #in ...
- Blender 使用
教程: 1.https://www.youtube.com/watch?v=N8-mE-165b8&index=7&list=PLE885296A496C3D38 快捷键: http: ...
- RHEL5.5的安装文档
---恢复内容开始--- 1.1 安装操作系统 (1) 按“ENTER”键,进入图形模式安装: (2) 检测CD,点击“Skip”跳过: (3) 安装界面显示,点击“Next”: (4) 选择语言为“ ...
- springmvc shiro整合cas单点登入
shiro cas分为登入跟登出 maven依赖: <dependency> <groupId>org.apache.shiro</groupId> <art ...
- 20165225《Java程序设计》第四周学习总结
20165225<Java程序设计>第四周学习总结 1.视频与课本中的学习: 继承(extends) 重写 对象的上转型对象 super final instanceof运算符 abstr ...