ES6模块化与异步编程

//01_test.js
// 定义成员和方法
let n1 = 10 
let n2 = 20
function show(){}

// 默认导出
export default{
    n1,
    n2,
    show
}

// 从 01_test.js 模块导入共享的成员
import test from './01_test.js'
// 输出 { n1:10,n2:20,show:[funtion:show] }
console.log(test)

// 02_test.js
// 向外按需导出变量 s1
export let s1 = 'abc'
// 向外按需导出变量 s2
export let s1 = 123
// 向外按需导出方法 say
export function say() {}

// 导入 02_test.js 模块成员
import {s1,s2,say} from './02test.js'
// 输出 abc
console.log(s1)
// 输出 123
console.log(s2)
// 输出 [funtion:say]
console.log(say)

// 03_test.js

// 执行一个循环
for(let i = 0;i<3;i++){
    console.log(i)
}

// 导入
import './03_test.js'

// 直接运行此文件
// 输出 0，1，2，3，....10

setTimeout(() => {

	console.log("延迟1秒");

	setTimeout(() => {

		console.log("延迟2秒");

		setTimeout(() => {

			console.log("延迟2秒");

		}, 3000);

	}, 2000);
    
}, 1000);

import fs from "fs";
// 读文件 1.txt
fs.readFile("./files/1.txt", "utf8", (err, r1) => {
	if (err) return console.log(err.message);
	console.log(r1);
	// 读文件 2.txt
	fs.readFile("./files/2.txt", "utf8", (err, r2) => {
		if (err) return console.log(err.message);
		console.log(r2);
		// 读文件 3.txt
		fs.readFile("./files/3.txt", "utf8", (err, r3) => {
			if (err) return console.log(err.message);
			console.log(r3);
		});
	});
});

import thenFs from 'then-fs'
// Promise 支持链式调用，从而来解决回调地狱的问题
thenFs
	// 返回值是 promise 的实列对象
	.readFile("./files/1.txt", "utf8")
	// 通过 .then 为第一个 promise 实例对象指定成功后的回调函数
	.then((r1) => {
		console.log(r1);
		// 在第一个 .then 中返回一个新的 promise 对象
		return thenFs.readFile("./files/2.txt", "utf8");
	})
	// 继续调用 .then ，为上一个 .then 的返回值 (新的实例对象)
	// 指定成功后的回调函数
	.then((r2) => {
		console.log(r2);
		return thenFs.readFile("./files/3.txt", "utf8");
	})
	// 同理 继续调用 .then ，为上一个 .then 的返回值 (新的实例对象)
	.then((r3) => {
		console.log(r3);
	})
	// 通过 .catch 捕获错误
	// 前面的错误导致后续的 .then 无法正常执行
	// 可以将.catch 的调用提前
	.catch((err) => {
		console.log(err.message);
	});

import thenFs from "then-fs";
// 定义一个数组 存放异步读文件操作
const promiseArr = [
	thenFs.readFile("./files/1.txt", "utf8"),
	thenFs.readFile("./files/2.txt", "utf8"),
	thenFs.readFile("./files/3.txt", "utf8"),
];
// 将数组 作为 promise.all() 参数
Promise.all(promiseArr)
	.then(([r1, r2, r3]) => {
    // 所有文件读取成功 （等待机制）
    // 输出 r1 ，r2 ，r3 文件的内容
		console.log(r1, r2, r3);
	})
	.catch((err) => {
		console.log(err.message);
	});

// 数组中 Promise 实例的顺序，
// 就是最终结果的顺序！

import thenFs from "then-fs";
// 定义一个数组 存放异步读文件操作
const promiseArr = [
	thenFs.readFile("./files/1.txt", "utf8"),
	thenFs.readFile("./files/2.txt", "utf8"),
	thenFs.readFile("./files/3.txt", "utf8"),
];
// 将数组 作为 promise.race() 参数
Promise.race(promiseArr)
	.then((results) => {
    // 只要任何一个异步操作完成 就执行回调函数（赛跑机制）
    // 例如：文件2.txt 先读取完 
    // 就输出 2.txt 的文件内容 结束
		console.log(results);
	})
	.catch((err) => {
		console.log(err.message);
	});

import thenFs from "then-fs";
// 按顺序读取文件 1，2，3 的内容
async function getAllFile() {
	const r1 = await thenFs.readFile("./files/1.txt", "utf8");
	console.log(r1);
	const r2 = await thenFs.readFile("./files/2.txt", "utf8");
	console.log(r2);
	const r3 = await thenFs.readFile("./files/3.txt", "utf8");
	console.log(r3);
}
getAllFile();

import thenFs from "then-fs";

console.log('A');
thenFs.readFile("./files/3.txt", "utf8").then(dataStr=>{
    console.log('B');
})
setTimeout(()=>{
    console.log('C');
},0)
 console.log('D');

setTimeout(function () {
	console.log(1);
});
new Promise(function (resolve) {
	console.log(2);
	resolve();
}).then(function () {
	console.log(3);
});
console.log(4);