RichErp - export import 用法

// --file.js--

function getJSON(url, callback) {

let xhr = new XMLHttpRequest();

xhr.onload = function () {

callback(this.responseText)

};

xhr.open("GET", url, true);

xhr.send();

}

 

export function getUsefulContents(url, callback) {

getJSON(url, data => callback(JSON.parse(data)));

}

 

// --main.js--

import { getUsefulContents } from "file";

getUsefulContents("http://www.richerp.net", data => {

doSomethingUseful(data);

});

 

// d.js

export default function() {}

 

// 等效于：

function a() {};

export {a as default};

 

import a from './d';

 

// 等效于，或者说就是下面这种写法的简写，是同一个意思

import {default as a} from './d';

 

这个语法糖的好处就是import的时候，可以省去花括号{}。

 

import $,{each,map} from 'jquery';

import后面第一个$是{defalut as $}的替代写法。

 

// a.js

var a = function() {};

export {a as fun};

 

// b.js

import {fun as a} from './a';

a();