es6 import export 引入導出變量方式

 

1 2 3 4 5 6

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

　　

1 2 3 4

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 就是接口

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

　　

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

　　

1 2 3 4

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

　　

1 2 3 4 5 6 7 8 9

var data= 'sdflsdfjsdjf' ; export default data;       / import :   import data from './index2.js' ; console.log(data, '2' )

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

若是：

1	export default data= 'sdfsdjfdf' ;

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