ホームページ  >  記事  >  ウェブフロントエンド  >  commonJS および es6 仕様の導入とエクスポート

commonJS および es6 仕様の導入とエクスポート

php中世界最好的语言
php中世界最好的语言オリジナル
2018-03-10 14:05:533139ブラウズ

今回は commonJS と es6 仕様の導入とエクスポートについてお届けします。 commonJS と es6 仕様の導入とエクスポートに関する 注意点 について、実際の事例を見てみましょう。

index.js の定義:

var info = { name = 'sisi' };

1.変数を定義するとき、不明なエラーが発生する可能性があるため、オブジェクト変数名を使用しないでください。

2. 出力にexport {info}を使用する場合、インポートはindex.jsからのimport {info}の形式である必要があり、中括弧は省略できません。

3. 出力が export{info as vm} の形式の場合、info インターフェースはインポートに使用できなくなります。つまり、

import {vm} from index.js

4。 uses module.exports = info info を導入する場合、

import info from index.js

は使用できません

import {info} from index.js

もちろん、この場合は require を使用するのが正しいです。上の 4 番目の項目 (出力で es6 のエクスポートを使用する場合)。つまり、{info} をエクスポートするか、デフォルトの情報をエクスポートする場合、モジュールはインポートを使用して情報を導入する必要があり、require は機能しません。

6. エクスポート出力を使用する場合、インポートには {} が必要です。たとえば、インポートする場合は、demo.js

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';

ファイルまたはモジュールにはエクスポートのデフォルトが 1 つしか存在できないためです

import str from 'demo';

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、他の関連記事に注目してください。 PHP中国語ウェブサイトです!

関連読書:

webpack3.xのエントリ、出力、モジュール解析


Vue2のタブ切り替え方法

以上がcommonJS および es6 仕様の導入とエクスポートの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。