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