es6 import export 引入导出变量方式

最新推荐文章于 2024-10-29 22:35:19 发布

转载最新推荐文章于 2024-10-29 22:35:19 发布 · 325 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/sxz2008/p/7093258.html

本文详细介绍了JavaScript中模块的导出与导入方法，包括如何正确地导出和使用变量、接口及默认导出等内容，并通过实例展示了正确的用法与常见错误。

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

转载于:https://www.cnblogs.com/sxz2008/p/7093258.html