Dieses Mal werde ich Ihnen die Einführung und den Export von CommonJS- und Es6-Spezifikationen vorstellen. Was sind die Vorsichtsmaßnahmen für die Einführung und den Export von CommonJS- und Es6-Spezifikationen? sehen.
Definition in index.js:
var info = { name = 'sisi' };
1.Verwenden Sie beim Definieren einer Variablen kein ObjektVariablennamen, da dies bei Unbekannten der Fall sein kann erscheint Fehler.
2. Wenn export {info} für die Ausgabe verwendet wird, muss der Import in Form von import {info} aus index.js erfolgen und die geschweiften Klammern dürfen nicht weggelassen werden.
3. Wenn die Ausgabe in Form von export{info as vm} erfolgt, kann die Info-Schnittstelle nicht mehr für den Import verwendet werden, sondern nur die VM-Schnittstelle, d. h.
import {vm} from index.js
4. Wichtige Punkte: Wenn die Ausgabe module.exports = info verwendet, kann der Import auch zum Einführen von Informationen verwendet werden
import info from index.js
import {info} from index.js
require natürlich auch korrekt
var info = require('index.js');
export const str = 'sisi'; export function func(){ console.log('sisi'); }
import {str} from 'demo'; 或 import {str, func} from 'demo';
export default const str = 'sisi';
export default const str = 'sisi';
import str from 'demo';
es6 { export : '可以输出多个,输出方式为 {}' , export default : ' 只能输出一个 ,可以与export 同时输出,但是不建议这么做', 解析阶段确定对外输出的接口,解析阶段生成接口, 模块不是对象,加载的不是对象, 可以单独加载其中的某个接口(方法), 静态分析,动态引用,输出的是值的引用,值改变,引用也改变,即原来模块中的值改变则该加载的值也改变, this 指向undefined } commonJS { module.exports = ... : '只能输出一个,且后面的会覆盖上面的' , exports. ... : ' 可以输出多个', 运行阶段确定接口,运行时才会加载模块, 模块是对象,加载的是该对象, 加载的是整个模块,即将所有的接口全部加载进来, 输出是值的拷贝,即原来模块中的值改变不会影响已经加载的该值, this 指向当前模块 }
Verwandte Lektüre:
Eingabe, Ausgabe, Modulanalyse von webpack3.xVue2-Tab-WechselmethodeDas obige ist der detaillierte Inhalt vonEinführung und Export von CommonJS- und ES6-Spezifikationen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!