2、在node中体验ES6模块化:
node中默认仅支持CommonJS模块化规范,若想基于node体验与学习ES6的模块化规范,可以按照如下俩个步骤进行配置:
- 确保电脑上安装了v14.15.1或更高版本的node,因着在低版本node,他不支持使用和学习最新的ES6规范,版本低的话可以去node官网下载一下最新版本的node
查看node版本
node -v
- 在package.json的根节点中添加"type":"module"节点
快速初始化一个包管理文件
npm init -y
package.json配置"type": "module"这样就可使用ES6规范了
{
"type": "module",
"name": "es6",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [],
"author": "",
"license": "ISC"
}
ES6模块化的基本语法
ES6的模块化主要包含如下3种用法:
- 默认导出与默认导入
- 按需导出与按需导入
- 直接导入并执行模块中的代码
1、默认导出:
默认导出的语法:export default 默认导出的成员,使用方法如下代码
dc.js
let n1=10;
//定义模块私有成员n1
let n2=20
// 定义模块私有成员n2(外界访问不到n2,因为它没有被共享出去)
function show(){}; //定义模块化私有方法show
export default{
//使用export default默认导出语法,向外共享n1和show俩成员
m1,
show
}
2、默认导入:
默认导入的语法:import 接收名称 from ‘模块标识符’
dr.js
// 从dr.js模块导入dc模块中export default 向外共享的成员
// 并使用m1成员进行接受
import m1 from './dc'
console.log(m1)
// 打印输入的结果为
// {n1:10,show:{Function:show}}
node 文件名–运行文件
3、默认导出的注意事项:
每个模块中,只允许使用唯一的一次export default,否则会报错!以下举了个错误案例!!!
4、默认导入的注意事项:
默认导入时可以是任意名称,只要是合法的成员名称即可。以下举了个错误案例!!!
5、按需导出:
按需导出的语法:export 按需导出的成员
axdc.js
// 向外按需导出变量s1
export let s1='aaa'
// 向外按需导出变量s2
export let s2='ccc'
// 向外按需导出方法say
export function say(){}
6、按需导入:
按需导入的语法:import {s1} from ‘模块标识符’
axdr.js
import {s1,s2,say} from './axdc.js'
console.log(s1)
// 打印输入aaa
console.log(s2)
// 打印输入ccc
console.log(say)
// 打印输入{Function:say}
按需导出和按需导入
7、按需导入与按需导出的注意事项:
- 每个模块中可以使用多次按需导出
// 向外按需导出变量s1
export let s1='aaa'
// 向外按需导出变量s2
export let s2='ccc'
// 向外按需导出方法say
export function say(){}
- 按需导入的成员名称必须和按需导出的名称保持一致
//和上方导出一致
import {s1,s2,say} from './axdc.js'
console.log(s1)
// 打印输入aaa
console.log(s2)
// 打印输入ccc
console.log(say)
// 打印输入{Function:say}
- 按需导入时,可以使用as关键字进行重命名
import {s1,s2 as str2,say} from './axdc.js'
console.log(str2)
//输出ccc
// 在想使用的s2的时候需要使用重名后的名字str2
- 按需导入可以和默认导入一起使用
axdc.js
// 向外按需导出变量s1
export let s1='aaa'
// 向外按需导出变量s2
export let s2='ccc'
// 向外按需导出方法say
export function say(){}
let list=[]
// 默认导出s1
export default{
list
}
axdr.js
// info默认导入的一个成员info
import info,{s1,s2 as str2,say} from './axdc.js'
console.log(info)
// 输出 { list: [] }
8、直接导入并执行模块中的代码:
如果只想单纯地执行某个模块中的代码,并不需要得到模块中向外共享的成员。此时,可以直接导入并执行模块底阿妈,实例代码如下:
dcwj.js
// 在当前模块执行一个for循环保存
for(let i=0;i<3;i++){
console.log(i)
}
zjdr.js
// 直接导入并执行模块代码:不需要得到模块向外共享的成员
import './dcwj'
2、Promise
1、回调地狱:
多层回调函数的相互嵌套,就形成了回调地狱。代码如下
hddy.js
setTimeout(() => {
// 第一层回调函数
console.log("1秒后输出");
setTimeout(() => {
// 第二层回调函数
console.log("2秒后输出");
setTimeout(() => {
// 第三层回调函数
console.log("3秒后输出");
}, 3000);
}, 2000);
}, 1000);
回调地狱的缺点:
- 代码耦合性太强,牵一发而动全身,难以维护
- 大量冗余的代码相互嵌套,代码的可读性变差
2、如何解决回调地狱的问题:
为了解决回调地狱的问题,ES6中新增了Promise的概念。
3、Promise的基本概念:
- Promise是一个构造函数
- 我们可以创建Promise的实例 const p = new Promise()
- new出来的Promise实例对象,代表一个异步操作
- Promise.prototype原型对象上包含一个.then()方法
- 每一次new Promise()构造函数得到的s实例对象,都可以通过原型链的方式访问到.then()方法,例如p.then()
- .then()方法用来预先指定成功和失败的回调函数
- p.then(成功的回调函数,失败的回调函数)
- p.then(result=>{},error=>{})
- 调用.then()方法时,成功的回调函数是必选的,失败的回调函数是可选的
4 、基于回调函数按顺序读取文件内容:
首先创建3个txt文件,对于每个文件来说,里面都放一段不同的文本,接下来,我们就通过回调函数的方式顺序读取文件的内容。
readtxt.js
// readFile 第一个参数./fiie/1.txt是读取文件的路径 第二个参数utf-8是文件的编码 第三个参数是一个回调函数(第一个是失败的回调,第二个是成功的回调)
fs.readFile('./fiie/1.txt','utf-8',(err1,r1=>{
// 读取文件 1.txt
if(err1) return console.log(err1.message)
// 读取1.txt文件失败
console.log(r1)
// 读取1.txt文件成功
fs.readFile('./fiie/2.txt','utf-8',(err2,r2=>{
### 最后
面试题千万不要死记,一定要自己理解,用自己的方式表达出来,在这里预祝各位成功拿下自己心仪的offer。
![大厂面试题](https://img-blog.csdnimg.cn/img_convert/87afefc364bccb6d270383e5e9214cc8.webp?x-oss-process=image/format,png)
![面试题目录](https://img-blog.csdnimg.cn/img_convert/97c47192edec874ace246acf3d6ed086.webp?x-oss-process=image/format,png)
![](https://img-blog.csdnimg.cn/img_convert/afe0a77e1971fc2d150c2c6d8e18f8e7.webp?x-oss-process=image/format,png)
![](https://img-blog.csdnimg.cn/img_convert/8596852a63c3491e2e659cceb4471502.webp?x-oss-process=image/format,png)
console.log(r1)
// 读取1.txt文件成功
fs.readFile('./fiie/2.txt','utf-8',(err2,r2=>{
### 最后
面试题千万不要死记,一定要自己理解,用自己的方式表达出来,在这里预祝各位成功拿下自己心仪的offer。
[外链图片转存中...(img-po8pnjGs-1718007748866)]
[外链图片转存中...(img-JCdO2Quc-1718007748867)]
[外链图片转存中...(img-EA44RSsU-1718007748867)]
[外链图片转存中...(img-KOAGpF6t-1718007748868)]