ES6模块导出&导入

简介: ES6模块导出&导入
导出变量or常量

let language = 'Java'
const address = ['北京', '上海', '广东', '深圳']
export {
    language,
    address
}

导出函数 & 使用as重命名

function log(content) {
    console.info(content)
}
const logwarn = (content) => {
    console.warn(content)
}
export {
    log as logInfo,
    logwarn
}

导出对象

const data = {
    name: 'OSpoon',
    age: 18
}
export {
    data
}

默认导出

const types = ['java','python','js']
export default types

直接导入

import types, {data, address, language, logInfo, logwarn} from './model'

修改导入名称

import {data as list} from './model'

批量导入

import * as model from './model'



相关文章
|
6月前
从同一文件中导出和导入多个组件
从同一文件中导出和导入多个组件
|
7月前
|
JavaScript 前端开发
ECMAScript标准的两种语法--默认导出导入与命名式导出导入
ECMAScript标准的两种语法--默认导出导入与命名式导出导入
|
7月前
|
存储 Java easyexcel
导出导入开发场景
导出导入开发场景
|
JSON 数据格式 Python
学到了,学到了导入模块还能这么操作
学到了,学到了导入模块还能这么操作
|
JavaScript
面试题-TS(五):TypeScript 中的模块是什么?如何导入和导出模块?
在TypeScript中,模块(Modules)是一种用于组织和管理代码的概念。模块提供了一种封装代码的方式,允许我们将相关的功能和数据组织在一起,实现代码的可重用和可维护。
|
前端开发 JavaScript
模块打包中CommonJS与ES6 Module的导入与导出问题详解
文章全面解析了CommonJS模块系统的模块定义、导出、导入的操作和注意事项。同时,它也简要地提到了ES6 Module的相关概念,包括命名导出、默认导出、命名导入、默认导入、混合导入和复合写法。
509 0
5.ES6模块导出导入
5.ES6模块导出导入
81 0
|
JavaScript 前端开发 开发者
ES6模块化与导出(export)导入(import)的用法
1.ES6模块化的介绍 在 ES6 模块化规范诞生之前,JavaScript 社区已经尝试并提出了 AMD、CMD、CommonJS 等模块化规范。 但是,这些由社区提出的模块化标准,还是存在一定的差异性与局限性、并不是浏览器与服务器通用的模块化 标准,例如: ⚫ AMD 和 CMD 适用于浏览器端的 Javascript 模块化 ⚫ CommonJS 适用于服务器端的 Javascript 模块化 太多的模块化规范给开发者增加了学习的难度与开发的成本。因此,大一统的 ES6 模块化规范诞生了!
272 1
ES6模块化与导出(export)导入(import)的用法
|
JavaScript
【ES6】模块化语法(默认、按需导入import导出export的操作)
ES6模块化语法(默认、按需导入导出的操作)
【ES6】模块化语法(默认、按需导入import导出export的操作)