美文网首页
ES6-模块导入或导出

ES6-模块导入或导出

作者: 测试探索 | 来源:发表于2022-07-10 08:57 被阅读0次

一、在Node中执行ES6模块

image.png

二、文件层级及代码

image.png
package.json
{
  "type": "module"
}
constans.js
const APP_NAME = '在线问答系统';
const VERSION = '1.0';

export let a = 1;
let b = 2;

function getName(){
    console.log('get name')
}

export{
    APP_NAME,
    VERSION as v,
    getName
}
formatUsername.js
//格式化用户昵称,取第一个字,后面用***号代替
//name:用户昵称
export default  function(name){
    return name.substr(0,1) + "***"
}
test.js
import {APP_NAME,v} from "./utils/constants.js";
import formatUname from "./utils/formatUsername.js"

console.log("APP_NAME:",APP_NAME);
console.log("version:",v);
let uname = formatUname("张三");
console.log(uname);
image.png
test1.js
import * as myConst from './utils/constants.js'
//调用属性
console.log("APP_NAME:",myConst.APP_NAME);

//调用方法
myConst.getName();
image.png

相关文章

网友评论

      本文标题:ES6-模块导入或导出

      本文链接:https://www.haomeiwen.com/subject/jtiibrtx.html