es6 import export 引入导出变量方式

时间:2022-10-23 23:16:52
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定义的值也不会生效。