Ajaxを利用し異なるjsファイル間で変数を共有したい

Laravelを用いてWebアプリを開発しています。
複数のJavaScriptファイル間で変数を共有したいです。
ですがうまくいきません。

resources/assets/jsに
testAjaxGetted.js(testAjax.jsからajaxで呼び出されるJSファイル)
testAjax.js (testAjaxGetted.jsをajaxで呼び出すJSファイル)

testAjaxGetted.js

const text = 'testOftest';

testAjax.js

$.ajax({
  url: "js/testAjaxGetted.js", //絶対パスで指定する
  type: "GET",
  dataType: "script"
}).done(function(script) {
// 文字列をjavascriptとして実行。
// 読み込まれたjavscriptをいろいろ使う
  console.log(text);
});

を作成し、Laravel mixを使用しpublic/jsへコンパイルしました。
この時webpack.mix.jsは以下のようにしました。

let mix = require('laravel-mix');

(コメント省略)
mix.js('resources/assets/js/app.js', 'public/js')
    .js('resources/assets/js/testAjax.js', 'public/js')
    .js('resources/assets/js/testAjaxGetted.js', 'public/js')
    .sass('resources/assets/sass/app.scss', 'public/css');

そして実行したのですが、textが存在しないとエラーが出ました。
testAjaxGetted.jsが読み込まれていれば、textは存在するはずです。
なぜ読み込まれないのか、回答お願いします。