Heim > Web-Frontend > js-Tutorial > Hauptteil

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

php中世界最好的语言
Freigeben: 2018-03-10 14:05:53
Original
3150 Leute haben es durchsucht

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' };
Nach dem Login kopieren

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
Nach dem Login kopieren

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
Nach dem Login kopieren

import {info} from index.js
Nach dem Login kopieren
In diesem Fall ist die Verwendung von

require natürlich auch korrekt

var info = require('index.js');
Nach dem Login kopieren
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');
}
Nach dem Login kopieren
importieren, verwenden Sie:

import {str} from 'demo'; 或 import {str, func} from 'demo';
Nach dem Login kopieren
nicht zulässig. Verwenden Sie

export default const str = 'sisi';
Nach dem Login kopieren
Nach dem Login kopieren
, aber verwenden Sie

export default const str = 'sisi';
Nach dem Login kopieren
Nach dem Login kopieren
beim Importieren. Sie können

import str from 'demo';
Nach dem Login kopieren
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 指向当前模块
}
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!