对require和import的认识
生活随笔
收集整理的这篇文章主要介绍了
对require和import的认识
小编觉得挺不错的,现在分享给大家,帮大家做个参考.
参考博客:https://blog.csdn.net/qq_28702545/article/details/54892562
http://www.cnblogs.com/liaojie970/p/7376682.html
require和import都是为了实现前端的模块化编程。import是ES6标准下的,对应于export,编译时加载;而require是CommonJS规范下的,在node模块中常见,对应于module.exports,运行时加载。
Require:
Require是CommonJS的语法,CommonJS的模块是对象,输入时必须查找对象属性。
// fs.js function stat(){console.log("function stat"); }function exists(){console.log("function exists"); }function readFile(){console.log("function readFile") }module.exports = {stat:stat,exists:exists,readFile:readFile } // CommonJS模块 let { stat, exists, readFile } = require('fs');// 等同于 let _fs = require('fs'); let stat = _fs.stat; let exists = _fs.exists; let readfile = _fs.readfile;整体加载fs模块(即加载fs所有方法),生成一个对象"_fs",然后再从这个对象上读取三个方法,这叫“运行时加载”,因为只有运行时才能得到这个对象,不能在编译时做到静态化。
Import:
ES6模块不是对象,而是通过export命令显示指定输出代码,再通过import输入。
// fs.jsfunction stat(){console.log("function stat"); }function exists(){console.log("function exists"); }function readFile(){console.log("function readFile") }export {stat,exists,readFile} import { stat, exists, readFile } from 'fs';从fs加载“stat, exists, readFile” 三个方法,其他方法不加载
总结
以上是生活随笔为你收集整理的对require和import的认识的全部内容,希望文章能够帮你解决所遇到的问题。
- 上一篇: JS实现回调函数
- 下一篇: 基于Leaflet和GraphHoppe