require遵循的是AMD规范引入方式;
import是es6的一个语法标准,如果兼容浏览器的话需要转化为es5;
编译时:在前端中编译时是指==>打包之前到打包完成的状态;
运行时:在前端是指js代码在浏览器中运行;
require是赋值过程。把请求回来的结果赋值给一个变量。或者直接使用
import也是把结果请求回来,但是对请求结果有要求必须是对象。
es6导出 export default xxx导出的是一个对象。默认为{default:xxx} 。接数据页面可以任意写值;
例: var ccc=1; export default ccc ;
import ddd from ‘./test.js’ ; =>ddd=1;凡事defalut导出的 。可以使用任意变量接 。需要加比的变量的时候需要添加逗号 ,
例:var ccc=1;export default ccc ; export var bbb=2 ;export var aaa=3;
import myself_define , {bbb,aaa as ddd} from ‘./test.js’ ;=>myself_define=1 ,bbb=2,ddd=3 ,bbb is not define ;
上述的导出代码可以这样写 var ccc=1;export default ccc var ;bbb=2 ; var aaa=3;export{bbb,aaa}
参考文档
es5导出
例:modules.exports={aaa:1,bbb:2} 可以使用require接 。也可以使用import来接但是好像有问题。最好是对应关系
也可以exports.aaa=1;exports.bbb=2 这个样子输出