对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