您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息
免费发信息
三六零分类信息网 > 定西分类信息网,免费分类信息发布

javascript中导入导出的实现方式(附代码)

2024/4/27 1:34:23发布15次查看
本篇文章给大家带来的内容是关于javascript中导入导出的实现方式(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
node方式导入导出一个javascript文件,可以向外exprots无数个变量,函数,对象,但是require(); 的时候,仅仅需要 载入一次js文件即可。 所以,无形之后,会增加一个顶层命名空间。
导入一个空模块,是一个空对象,一个模块就是一个对象。
导出方式:
exports, 导出整个式子
module.exports, 导出赋值部分
导入方式:
reuire()
// 导出一个变量exports.a = 10;// 导入该变量let b = require('./export')// 导入的形式 `console.log(b)`输出导入的值:// { a: 10 }
// 导出一个变量,直接需要变量值使用.// module.exports = 'name';// 导入该变量let b = require('./export')// 导入的形式 `console.log(b)`输出导入的值:// name
// 导出对象module.exports = {  name1: 123,  name2: 456}// 导入该变量let b = require('./export')// 导入的形式 `console.log(b)`输出导入的值:// { name1: 123, name2: 456 }
// 导出对象exports.msg = {  name1: 1,  name2: 2}// 导入该变量let b = require('./export')// 导入的形式 `console.log(b)`输出导入的值:// { msg: { name1: 1, name2: 2 } }
// 导出函数exports.showmsg = function () {}// 导入该变量// let b = require('./export')// 导入的形式 `console.log(b)`输出导入的值:// { showmsg: [function] }// 在 引用结果 需要  通过  变量 引用对象 执行// var b= require();// b.showmsg();
// 导出函数module.exports = function () {}// 导入该变量let b = require('./export')// 导入的形式 `console.log(b)`输出导入的值:// [function]// 引入文件的 变量  直接执行
对象,函数常使用的导出方式:module.exports
es6和ts方式导入导出导出:export
导入:import
注意点:
导出和导入,除了使用as之外,变量名相同
导出一个文件,默认是一个空对象
直接使用导入文件定义变量名,直接执行
default导出,在导入的时候可以取任意变量名
export default默认导出模块不能使用{}对象导出
// 导出一个常量export const foo = math.sqrt(2)// 导入import { foo } from './export'import * as tools from './export' // 使用 tools.foo
function myfunction () {}// 导出已经声明的函数export { myfunction }导入import { myfunction } from './export'
// 多个导出export function cube(x: number): number {    return x * x * x}const foo: number = math.pi * math.sqrt(2)export { foo } // 导出多个// 导入import { cube, foo } from './export'
// 导出函数export default function () {}export default function fun () {}// 导入import myfunction from './export' // 可以取任意变量名// 如果导出默认,定义函数名或者变量名,或者类名// 导入的时候可以写和原来相同名字,也可以取任意变量名
// 导出类export default class {}// 导入import test from './export'
一个文件(模块)默认的导出只能有一个, 可以是类,函数, 对象等
导入整个模块的内容,在当前作用域插入export变量,包含export文件中全部导出绑定(包括export default):
// 导出多个模块export function query () {}export function update () {}// 导入import * as api from './export'
将整个模块作为附加功能导入, 但是不导入模块的导出成员:
import 'my-module'
相关推荐:
excel的导入导出
oracle的导入导出的问题
以上就是javascript中导入导出的实现方式(附代码)的详细内容。
定西分类信息网,免费分类信息发布

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录