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