es6 import笔记

Posted intbingbing

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了es6 import笔记相关的知识,希望对你有一定的参考价值。


 export输出:

 

// profile.js
var firstName = ‘Michael‘;
var lastName = ‘Jackson‘;
var year = 1958;

export {firstName, lastName, year};

 

 

function v1() { ... }
function v2() { ... }

export {
  v1 as streamV1,
  v2 as streamV2,
  v2 as streamLatestVersion
};

 

 

// main.js
import {firstName, lastName, year} from ‘./profile.js‘;

function setName(element) {
  element.textContent = firstName + ‘ ‘ + lastName;
}

 

整体加载:

import * as circle from ‘./circle‘;

console.log(‘圆面积:‘ + circle.area(4));
console.log(‘圆周长:‘ + circle.circumference(14));


 export default:

// export-default.js
export default function () {
  console.log(‘foo‘);
}

 

// import-default.js
import customName from ‘./export-default‘;
customName(); // ‘foo‘

 

以上是关于es6 import笔记的主要内容,如果未能解决你的问题,请参考以下文章

ES6笔记Module

vue 基础笔记

ES6 学习笔记

es6笔记二

ES6中的import()函数

ES6 import 相当于 require() 没有导出