[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 代码里的字符串匹配.(因为我想学完之后写个语法高 ...
随机推荐
- WP8.1学习系列(第二十七章)——ListView和GridView入门
快速入门:添加 ListView 和 GridView 控件 (XAML) 在本文中 先决条件 选择 ListView 或 GridView 将项添加到项集合 设置项目源 指定项目的外观 指定视图 ...
- 腾讯云极速配置NodeJS+LNMP运行环境
版权声明:本文由吴逸翔原创文章,转载请注明出处: 文章原文链接:https://www.qcloud.com/community/article/848754001487150669 来源:腾云阁 h ...
- windows 清理利器
https://www.ccleaner.com/ 2. https://www.chuyu.me/zh-Hans/index.html
- windows上测试磁盘io性能
一.问题由来 前两天搭建一套演示环境,同样的java war包,放在我们这边服务器好好的,放在那边就运行缓慢. 后来把日志改成异步之后就好了. 后边找了个程序测了下io性能,竟然差了7,8倍. 二.软 ...
- 36个让人惊讶的 CSS3 动画效果演示【转】
本文收集了35个惊人的 CSS3 动画演示,它们将证明 CSS3 Transform 和 Transition 属性的强大能力.CSS 是网页设计非常重要的一部分,随着越来越多的浏览器对 CSS3 支 ...
- java连接数据库的基本操作
ResultSet保存查询的table数据,就像mysql的客户端显示的查询类容,但这中间还是藏有很多信息.
- D - Replace To Make Regular Bracket Sequence
You are given string s consists of opening and closing brackets of four kinds <>, {}, [], (). ...
- [LintCode] Max Points on a Line 共线点个数
Given n points on a 2D plane, find the maximum number of points that lie on the same straight line. ...
- nginx启用TCP反向代理日志配置
Nginx使用TCP反向代理日志配置不同于http 修改nginx配置文档/usr/local/nginx/conf/nginx.conf 设置日志格式 stream { log_format pro ...
- sql优化的方法
参考:https://blog.csdn.net/jie_liang/article/details/77340905 11.不要写一些没有意义的查询,如需要生成一个空表结构: select col1 ...