关于node中 require 和 ES6中export 、export default的总结
nodejs中 require 方法的加载规则
方法的加载规则
1. 优先从缓存中加载
2. 核心模块
3. 路径形式的模块
4. 第三方模块
一、优先从缓存中加载
main.js:执行加载a.js模块
require ('./a')
a.js:输出a被加载了 执行加载b.js模块
console.log('a.js被加载了')
let abd = require('./b')
console.log(abd)
b.js:
console.log('b.js被加载了')
module.exports = {
a: '小明'
}
结果
C:\Users\Administrator\Desktop\test>node ./main.js
a.js被加载了
b.js被加载了
{ a: '小明' }
二、node 中模块的加载顺序
以 var template = require(‘art-template’) 为例:
1. 先找到当前文件所处目录中的 node_modules 目录
2. 然后根据以下方式找到文件中的 main 属性
3. main 属性中就记录了 art-template 的入口模块
4. 然后加载使用这个第三方包,但是实际上最终加载的还是文件
5. 如果 package.json 文件不存在或者 main 指定的入口模块是也没有
6. 则 node 会自动找该目录下的 index.js,也就是说 index.js 会作为一个默认备选项
7. 如果以上所有任何一个条件都不成立,则会进入上一级目录中的 node_modules 目录查找
8. 如果上一级还没有,则继续往上上一级查找
9. 如果直到当前磁盘根目录还找不到,最后报错: can not find module xxx
第三方模块寻找顺序: node_modules/art-template > package.json 文件 > main 属性 > index.js
export default 和 export 区别
注意:
1. export与export default均可用于导出常量、函数、文件、模块等
2. 在一个文件或模块中,export可以有多个,export default仅有一个
4、在一个模块中,可以同时使用export default 和export 向外暴露成员
5、使用export向外暴露的成员,只能使用{ }的形式来import,这种形式,叫做【按需导出】,不需要,可以不在{ }中定义
3、export default 向外暴露的成员,可以使用任意变量来接收
7、使用export导出的成员,必须严格按照导出时候的名称,来使用{ }按需接收
8、使用export导出的成员,如果想换个变量名称接收,可以使用as来起别名
例如
// test.js
let info = {
name: 'zs',
age: 20
}
export default info
export let title = '小星星'
export let content = '哈哈哈'
在main.js中接收,test.js使用export default 和 export 向外暴露的成员
import person, {title, content as content1} from './test.js'
console.log(person) // 其实就是test.js 中的 info
console.log(title) // 其实就是test.js 中的 title
console.log(content1) // 其实就是test.js 中的content 注意对应关系
关于node中 require 和 ES6中export 、export default的总结的更多相关文章
- ES6中常用新特性讲解
1.不一样的变量声明:const和let ES6推荐使用let声明局部变量,相比之前的var(无论声明在何处,都会被视为声明在函数的最顶部) let和var声明的区别: var x = '全局变量'; ...
- es6中的类及es5类的实现
目录 类的特点 类的特点 1.类只能通过new得到 在es6中类的使用只能是通过new,如果你将它作为一个函数执行,将会报错. //es6的写法 class Child { constructor() ...
- ES6中的export以及import的使用多样性
模块功能主要由两个命令构成:export和import.export命令用于规定模块的对外接口,import命令用于输入其他模块提供的功能. 一.export导出模块使用部分的几种方式 一个模块就是一 ...
- ES6中export , export default , import模块系统总结
最近在学习使用Webpack3的时候发现,它已经可以在不使用babel的情况下使用ES6的模块加载功能了. 说到ES6的模块加载功能,我们先复习一下CommonJS规范吧: 一 . CommonJS ...
- ES6中的export和import
1.ES6中的模块加载 ES6 模块是编译时加载,编译时就能确定模块的依赖关系,以及输入和输出的变量,相比于CommonJS 和 AMD 模块都只能在运行时确定输入输出变量的加载效率要高. 1.1.严 ...
- JavaScript ES6中export及export default的区别
相信很多人都使用过export.export default.import,然而它们到底有什么区别呢? 在JavaScript ES6中,export与export default均可用于导出常量.函 ...
- ES6中export及export default的区别
相信很多人都使用过export.export default.import,然而它们到底有什么区别呢? 在JavaScript ES6中,export与export default均可用于导出常量.函 ...
- ES6中export与export default的区别
首先要知道export,import ,export default是什么 ES6模块主要有两个功能:export和importexport用于对外输出本模块(一个文件可以理解为一个模块)变量的接口i ...
- ES5和ES6中关于import & export的书写方式的区别
ES6中输出变量的写法 情景1:单个变量 输出 export const less = 'less' 引用 import {less} from '../index.js' 情景2:多个变量 输出: ...
随机推荐
- WPF基础之Grid面板
一.显示 Grid的线条,设置ShowGridLiens="True".
- Java开发系列-文件上传
概述 Java开发中文件上传的方式有很多,常见的有servlet3.0.common-fileUpload.框架.不管哪种方式,对于文件上传的本质是不变的. 文件上传的准备 文件上传需要客户端跟服务都 ...
- Struts2基本总结
现在Struts2慢慢退出舞台了,但是很多项目还需要用Struts2进行开发和维护,这里就简单的重新快速的掌握这门技术 Struts2的相关配置文件 * default.properties ...
- [JZOJ3167] 【GDOI2013模拟3】查税
题目 描述 题目大意 维护一个有一次函数组成的序列 具体来说,对于位置xxx,现在的值为sx+zx∗(T−tx)s_x+z_x*(T-t_x)sx+zx∗(T−tx) 有两个操作,修改某个位置上 ...
- LinkedHashMap笔记
一.最基本元素存储单元 /** * HashMap.Node subclass for normal LinkedHashMap entries. */ static class Entry<K ...
- STL vector容器需要警惕的一些坑
从迭代器中取值切记需要判断是否为空 例如: vector<int> vtTest; vtTest.clear(); if (vtTest.empty()){ ; } ]; 如果没有忘了判断 ...
- 19-10-27-S
作者太巨辣! %%%乔猫 好. ZJ一下: 哭笑不得. T1直接审错题(没发现题目里那个憨P的更新限制),然后直接跑了$\mathsf{SPFA}$,然后我又发现了.以为我死了,结果手玩一下发现……那 ...
- 看了这么N多天DELPHI,突然我有个感觉
感觉DELPHI很像Win32汇编 语法上不谈,就编写格式.形式上,很像 delphi的一个函数 procedure TForm1.btn1Click(Sender: TObject);beg ...
- conan本地安装包
在远程有的情况下,本地没有的情况下,执行命令 conan install package/版本号@usr/stable ,比如conan install opencv/3.4.3@seal/stabl ...
- Umount- Linux必学的60个命令
1.作用 umount命令的作用是卸载一个文件系统,它的使用权限是超级用户或/etc/fstab中允许的使用者. 2.格式 unmount -a [-fFnrsvw] [-t vfstype] [-n ...