.jsファイルに書かれた自作関数群を別の.jsファイルにエクスポートする方法を教えて下さい。

Question

以前の質問にて、一つのJavaScriptのソースコードに散らばっている関数やクラスを複数のファイルに分けて管理する方法として、モジュール機能のimport/export文の利用を検討しました。
しかし、モジュールに指定したソースファイルに書かれた変数やオブジェクトは全てローカル変数として扱われてしまい、グローバル変数を使うことが出来ない、というJavaScriptのモジュール機能の仕様がアダとなって、利用を断念することにしました。(目的のプログラムがp5.jsライブラリーのグローバルオブジェクトを使うものだったため)

そこで、モジュール機能のimport/export文以外で、JavaScriptのソースコードに書かれた関数やオブジェクトを別々に管理する方法を探しています。しかし、調べても基本的にはimport/exportを使う方法ばかりで、見つけることができません。

何か良い方法はないでしょうか？
もし、import/exportを使ってでも出来る裏技があれば、それでも結構です。

ご回答頂けると幸いです。

追記

こちらにあるmaisumakun様のご回答を試したところ、私の自作関数/自作オブジェクトに限ってはwindowオブジェクトと結び付けてからexportすることで、globalに出現させることに成功しました。しかし、p5.jsに用意されている既定のグローバルオブジェクト群やグローバル変数群を全てwindowオブジェクトと結びつけてexportするのは大変そうなので、(使うオブジェクトが少ないならまだしも)いつでも通用する最適解ではないかもしれません。

Answer 1

同じJavaScriptでも全部<script>で読み込んで使う昔ながらの方法の時代と
webpackなどでビルドが当たり前の時代では使い方・考え方が何もかも違う。
一番重要な知識が抜けたまま古い情報と新しすぎる情報を見てJSを使おうとしてるので壮大に間違えてる。

いにしえのJS→webpackなどでビルド=トランスパイル時代→module。
他の人は何年もかけて順番に経験を積んでいる。JSのグローバルがどういうことかなんて早い段階で身につけること。
グローバルなp5はおそらくwindow.p5なのでこれで使えるはず。
module使うのはまだ時期尚早。いずれ当たり前になるとしても初心者が使うには情報が足りない。
今はまだwebpackを使う段階。

Comments

[tetatetu]

ご回答ありがとうございます。頂いたご回答の意味ですが、

・単純に複数のscriptタグを作り、メインのjsファイルと関数群を書いたjsファイルをsrcにセットする
・webpackを使う

の2つの方法がある、ということで間違いないでしょうか？

[tetatetu]

一つ目については、灯台下暗しでした。

c++などでヘッダファイルや他のcppファイルから関数を取り込むのと似たノリで、
htmlファイルを介さずに.jsファイル同士の間で関数のやり取りをできる方がプログラムとして自然なのかと思い、import/exportを試そうとしたのが始まりですが、初心者の私に難しければ諦めて、一つ目のやり方を採用させて頂こうと考えています。