vue3.0学习-day1

1、初始化一个package.json文件方法：

npm init -y

2、在node.js下默认使用CommonJS规范，如果想使用ES6规范，要保证两点：

1）node的版本号在v14.15.1之上
2）在package.json下第一行添加"type":"module"

3、回调地狱：多层回调函数的相互嵌套，就形成了回调地狱。例如：

setTimeout(()=>{
		console.log('第一层回调地狱')
		setTimeout(()=>{
			console.log('第二层回调地狱')
			 setTimeout(()=>{
			 		console.log('第三层回调地狱')
			 },3000)
		},2000)
	},1000)

回调地狱缺点：1、代码耦合性太强，牵一发而动全身，难以维护；2、大量冗余代码相互嵌套，代码的可读性变差。此时可以使用Promise的方法解决回调地狱的问题。

4、Promise基本概念

（1）Promise是一个构造函数：可以通过const p = new Promise()来创建Promise实例，每次new出来的Promise实例都代表一个异步操作
（2）Promise.prototype上包含一个.then()方法：可以通过原型链的方式访问到.then()方法，如p.then()
（3）.then()方法用来预先指定成功或失败的回调函数：p.then(成功的回调函数，失败的回调函数)，成功的回调函数是必选的，失败的回调函数是可选的。

5、基于then-fs异步的读取文件内容

fs只支持回调函数的方式读取文件，因此需要安装then-fs npm i then-fs

import thenFs from "then-fs";

// 无法保证文件读取顺序
thenFs.readFile('./file/1.txt','utf8').then((r1)=>{console.log(r1);})
thenFs.readFile('./file/2.txt','utf8').then((r2)=>{console.log(r2);})
thenFs.readFile('./file/3.txt','utf8').then((r3)=>{console.log(r3);})

import thenFs  from "then-fs";
//可以保证文件读取顺序
thenFs.readFile('./file/1.txt','utf8').then((r1)=>{
    console.log(r1);
    return thenFs.readFile('./file/2.txt','utf8')
})
.then((r2)=>{
    console.log(r2);
    return thenFs.readFile('./file/3.txt','utf8')
})
.then((r3)=>{
    console.log(r3);
})

6、Promise.all()和Promise.race()

Promise.all()方法会发起并行的Promise异步操作，等所有的异步操作全部结束后才会执行下一步的.then操作（等待机制），例如：

import thenFs from "then-fs";
// 数组中promise实例的顺序就是输出结果的顺序
const promiseArr = [
    thenFs.readFile('./file/1.txt','utf8'),
    thenFs.readFile('./file/2.txt','utf8'),
    thenFs.readFile('./file/3.txt','utf8')
]
Promise.all(promiseArr).then(result => {
    console.log(result);
})

Promise.all()方法会发起并行的Promise异步操作，只要任何一个异步操作完成，就会立即执行下一步的.then操作（赛跑机制），例如上面代码只会输出一个

7、基于Promise封装异步读文件的方法

方法的封装要求：1）方法的名称要定义为getFile;2)方法接受一个形参fpath，表示读取文件的路径；3）方法的返回值为Promise实例对象

import fs from 'fs'

function getFile(fpath){
    return new Promise(function(resolve,reject){
        fs.readFile(fpath,'utf8',(err,datastr)=>{
            if(err) return reject(err)
            resolve(datastr)
        })
    })
}

getFile('./file/1.txt').then((r1)=>{console.log(r1)}).catch(err=>{console.log(err.message);})