ES6导出、导入模块方式

hykeda2年前JS368

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

相关文章

前端Js自定义相机取景框

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

js 对象合并和数组合并

1、对象的扩展运算符(...)用于取出参数对象的所有可遍历属性,拷贝到当前对象之中。let obj1 = {     name:...

介绍几款有用的图表插件

大家在开发一些系统的时候会用到很多统计的图表,我在做统计报表的时候用过挺多图表插件的,现在推荐大家几款优秀、稳定、可靠、大公司开发的图表体统。 1、Highcharts Highchart...

WebAPP开发——H5标签audio(属性和API事件)

WebAPP开发——H5标签audio(属性和API事件)

audio支持的格式audio 定义音频 格式:mp3 wav oggmp3所有浏览器兼容ogg safari不支持wav 都支持js 能帮助生成audio对象 new Audio(); 等同于HTM...

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

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

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

Javascript知识点

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

发表评论    

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