es6 import export 引入導出變量方式

var testdata='sdfkshdf';
//export testdata;//err
export {testdata as ms};
export var firstName = 'Michael';
export var lastName = 'Jackson';
export var year = 1958;

　　

import $ from 'jquery';
import lastName from './index2.js';
import {ms} from './index2.js';
console.log(ms,'2')

　　export {testdata as ms}; 這樣的導出方式，意思是導出文件接口的子對象到外面

　　直接//export testdata;//err 這種方式是會報錯的，由於不能直接導出變量，須要用一個接口來繼承變量而後導出，好比 export var firstName = 'Michael'; firstname 就是接口

var testdata='sdfkshdf';
export var abc=testdata;  //var一個接口abc，而後這個接口繼承一個變量的值，而後導出，而後外面直接訪問abc便可獲得testdata的值了

　　

export {a,b,c} //這種方式表明導出a,b,c 做爲文件接口的子對象導出到外面

　　

import $ from 'jquery';
import lastName from './index2.js'; 導入模塊的lastName的接口
import {ms} from './index2.js'; //導入模塊的子對象ms
console.log(ms,'2')

　　

var data='sdflsdfjsdjf';
export default data;



/import:

import data from './index2.js';
console.log(data,'2')

　　上面這樣的輸出方式是正確的方式。

若是：

export default data='sdfsdjfdf';

　　這樣的方式是錯誤的，外面不能獲得data定義的值，且data定義的值也不會生效。