js中常见的导入导出方式

常见的导出方式

• 创建文件foo.js

//设置常量
const name = 'tom';
const age = 20;
const hello = function(age){
    console.log('张三今年'+age)
}

1.方式一

export const name = 'tom';
export const age = 20;
export const hello = function(age){
    console.log('张三今年'+age)
}

2.方式二

//在{}中做统一导出
//{}不是一个对象,其中放置要导出的变量的引用列表
export {name,age,hello}

3.方式三

//以别名的方式导出
export {
  name as BName,
  age as BAge,
  hello as Bhello
}

常见的导入方式

1.方式一

import { name,age,hello} from './foo.js'

2.方式二

//以别名的方式导入 使用
import { name as SName,age as SAge,hello as Shello} from './foo.js'
import { Bname as SName,Bage as SAge,Bhello as Shello} from './foo.js'

3.方式三

//以*as foo 的方式全部使用
import * as foo  from './foo.js'
//使用
console.log(foo.name)
console.log(foo.age)
foo.hello('李四')