history 分布式机器 跨域 网络服务器 个人收款码 laravel swing dom awk mobile safari jestjs vue网站 vue钩子函数 ps视频教程全集完整版 jq获取第一个子元素 json转object python迭代 python高级教程 python库 python文件 python指令 javatrim java编程基础 java配置 java使用正则表达式 java什么是多态 java入门学习 java数组添加值 java截取 网络是怎样连接的 js延迟加载 bbm注册 苍灵世界 mysql时间比较 popen函数 ps镜头校正 img写盘工具 相册制作工具 平原门下客三千
当前位置: 首页 > 学习教程  > 编程语言

ES6模块化的 『导入 和 导出』

2021/1/28 22:32:05 文章标签:

导出 export export指令用于导出变量 方法一 export let height 1.88; export function mul(num1, num2) {return num1 * num2; } export class Person {run() {console.log("running");} } export default function(argument) {console.log(argument); }方法二 …

导出 export

export指令用于导出变量

方法一

export let height = 1.88;
export function mul(num1, num2) {
    return num1 * num2;
}
export class Person {
    run() {
        console.log("running");
    }
}
export default function(argument) {
    console.log(argument);
}

方法二

let name = "xiaoming";
let age = 18;
let flag = true;

function sum(num1, num2) {
    return num1 + num2;
}
export {
    name,
    age,
    flag,
    sum
}

导入 import

使用export指令导出了模块对外提供的接口,可以通过import命令来加载对应的这个模块

首先,我们需要在HTML代码中引入两个js文件,并且类型需要设置为module

    <script src="aaa.js" type="module"></script>
    <script src="bbb.js" type="module"></script>
    <script src="mmm.js" type="module"></script>
    <script src="nnn.js" type="module"></script>

import指令用于导入模块中的内容

import { name, age, sum } from './aaa.js'
console.log(name);
console.log(age);
console.log(sum(20, 30));

通过 * 可以导入模块中所有的export变量,通常情况下我们需要给*起一个别名,方便后续的使用

import * as aaa from './mmm.js'
console.log(aaa.height);
console.log(aaa.Person);

本文链接: http://www.dtmao.cc/news_show_650010.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?