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定義的值也不會生效。