Einführung und Export von CommonJS- und ES6-Spezifikationen

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

In diesem Fall ist die Verwendung von

require natürlich auch korrekt

var info = require('index.js');

5. Vergleichen Sie mit dem vierten Punkt oben, wenn die Ausgabe es6-Export verwendet. Das heißt, export {info}; oder export default info; dann muss das Modul import verwenden, um Informationen einzuführen, und require wird nicht funktionieren.

6. Bei Verwendung der Exportausgabe muss der Import {} haben. Wenn Sie beispielsweise demo.js

export const str = 'sisi';
export function func(){
   console.log('sisi');
}

importieren, verwenden Sie:

import {str} from 'demo'; 或 import {str, func} from 'demo';

nicht zulässig. Verwenden Sie

export default const str = 'sisi';

, aber verwenden Sie

export default const str = 'sisi';

beim Importieren. Sie können

import str from 'demo';

verwenden, da es in einem nur einen Exportstandard geben kann >

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website.

es6 {
　　export   :      '可以输出多个，输出方式为 {}' ，
　　export  default : ' 只能输出一个 ，可以与export 同时输出，但是不建议这么做'，
　　解析阶段确定对外输出的接口，解析阶段生成接口，
　　模块不是对象，加载的不是对象，
　　可以单独加载其中的某个接口（方法），
　　静态分析，动态引用，输出的是值的引用，值改变，引用也改变，即原来模块中的值改变则该加载的值也改变，
　　this 指向undefined
}
commonJS {
　　module.exports =  ...   :      '只能输出一个，且后面的会覆盖上面的' ，
　　exports. ...  : ' 可以输出多个'，
　　运行阶段确定接口，运行时才会加载模块，
　　模块是对象，加载的是该对象，
　　加载的是整个模块，即将所有的接口全部加载进来，
　　输出是值的拷贝，即原来模块中的值改变不会影响已经加载的该值，
　　this 指向当前模块
}

Verwandte Lektüre:

Eingabe, Ausgabe, Modulanalyse von webpack3.x

Vue2-Tab-Wechselmethode

Das 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!