More than 3 years have passed since last update.

【javascript】一言で、　Javascript　他ファイルの呼び出し　おまけ付き

Posted at 2020-07-03

##【ゴール】
他jsファイルを呼び出し、読み込む

##【メリット】
■javascript　理解度向上
■コードの可読性向上　整理出来るので

##【開発環境】
■ Mac OS catalina

##【コード】
以下2点処理必要

###①importを使用
＊読み込ませたいファイルに
＊ファイルの一番最初に記述
＊’ ’内はファイル名

hoge.js


import HogeHoge form './hogehoge';

class Hoge{
.
.
.
}

###②exportを使用
＊呼び出したいファイルに記述
＊ファイルの末尾に記述
＊default後はクラス名

hogehoge.js

class HogeHoge{
.
.
.
}
export default HogeHoge;

##【番外編】定数、変数の呼び出し
＊基本的には同じ

###import

hoge.js


import content form './hogehoge';

class Hoge{
.
.
.
}

###export

hogehoge.js

class HogeHoge{

const content = "HogeHoge";
.
.
}
export default content;

ちなみに
import:　輸入　持ち込む
export:　輸出、書き出す
という意味です。

以上

##【合わせて読みたい】

■ 【javascript】　テンプレートリテラルとは　一言で。
https://qiita.com/tanaka-yu3/items/9b07bd9fc4126291be28

■ 【Javascript】メソッド　まとめ　基礎基本コード　メモ
https://qiita.com/tanaka-yu3/items/2438798d159fa402b1d5

■ 【Javascript】JS　変数　定数　違い　一言でまとめました
https://qiita.com/tanaka-yu3/items/51b8b0630a1e4e2d52c8