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('李四')