export,export default 的意义以及区别

export具体使用

设置变量,然后使用export导出

//--------------第一种方式:定义变量与导出分开------------------------------
var one = "export导出"
var two=["AAA","BBB","CCC"]
export { one, two }
//--------------导出与定义变量直接一起写--------------------------------
export var three="直接导出"

使用变量

import {one,two,three} from "../js/test.js"
//打印
console.log(one+","+two+","+three);

特点

  • 导出时需要和导入的变量名称相同
  • 如果导出和定义变量分开,导出时变量名加{}
  • 导入的时候变量名必须加{}
  • 可以有多个export语句

export default具体使用

其实export default和export的功能是一样的,但是一个文件里面只能有一个export default语句。
export default是把所有{}中所有的内容都赋值给default,然后当我们导入的时候也可以改变名称,但是其实是把所有的default导入了。

先设置需要导出的数据:

var onePart="导出1"
var twoPart="导出2"
var threePart=[
  {
    name:"第一个",
    type:"数组1"
  },
  {
    name:"第二个",
    type:"数组2"
  }
]
export default{
  onePart,twoPart,threePart
}

导入数据

//导入数据
import all from "../js/test.js"
//打印数据
console.log(all)

特点

  • 引入时,可以变成不同的名称
  • 直接把所有内容都导出
  • 引入时,设置的变量名不用加{}
  • 一个文件中只能有一个export default语句

一个文件中既有export,又有export default

// 导出
export default{
  aa: "2333"
}

export const aa = "11111"


// 导入
import all, {aa} from '../js/test.js'
// 打印数据
console.log(all,aa)

corepack包管理器的管理器。

github地址 里面有介绍如何使用

简单就是yarn,pnpm这类包管理器的一个管理器,在node.js v14.19.0+版本自带,默认是禁用的,需要使用命令开启corepack enable 目前默认只管理yarn,和pnpm,因为npm现在依旧是node.js的官方默认包管理器。

执行启用命令,就可以把自己安装在全局的Pnpm和Yarn给移除了,移除命令npm uninstall -g yarn pnpm,如果没安装则无需移除。

为什么可以移除,因为现在全局环境中已经有Pnpm和Yarn命令了,

# 查看npm全局依赖
npm list -g

# 输出
# D:\wansoftware\devtool\node\node-global
# +-- hexo-cli@4.3.0
# `-- npm@9.6.1

可以看到并没有yarn和pnpm的依赖

但是执行yarn -v或者pnpm -v 依旧会有输出,这就是corepack的功劳

靓丽美女 鞠婧祎 黑色裙子


export,export default 的意义以及区别
https://wangijun.com/2023/03/14/other-11/
作者
无良芳
发布于
2023年3月14日
许可协议