ES6导出、导入模块方式

hykeda4年前JS2083

ES6使用 export 和 import 来导出、导入模块 。

export导出的,导入需要用{}

var firstName = 'Michael';

var lastName = 'Jackson';

var year = 1958;

export {firstName, lastName, year};

import {year,firstName} from 'abc';   //abc.js


//export default导出  不需要用{}

const m = 100;

export default m;

//导入

import m from 'abc'

一次性导出多个方法

// index.js
export function fn1(data){undefined
  console.log(1)
}
export function fn2(data){undefined
  console.log(2)
}

import * as Fn from './index.js'
Fn.fn1()  // 1
Fn.fn2()  // 2

相关文章

Javascript知识点

1、将1,2,3,4,5转成一,二,三......export function transfromNumber(number){   const ...

前端Js自定义相机取景框

https://www.cnblogs.com/sanhuamao/p/14853990.html...

JavaScript图片延迟加载微型库Echo.js

JavaScript图片延迟加载微型库Echo.js

JavaScript图片延迟加载微型库Echo.js Echo.js是一个标准的独立的Javascript图片懒加载(延迟加载)库,它非常小巧快速,只有2KB,它使用HT...

生成随机图片

function getMockImagesURL() { let arr = [200, 250, 300, 350, 400, 450]; const width = arr[...

关于js方法的写法

在写js方法时,现在有很多种写法:写法1:最最常见的写法function test(params){     //内部 }写法2:变量形式,箭头函...

在使用do.js进行js管理时遇到的问题

在使用do.js进行js管理时遇到的问题

Do.js 是一个轻量级的 JavaScript 模块加载器和 DOM 就绪事件处理器,它主要用于管理 JavaScript 和 CSS 文件的异步加载、处理模块依赖关系以及执行 DOM 就绪后的回调...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。