戻り値のないメソッドを外部JSとして切り出す方法

Question

Vue.jsにおいて汎用的な処理を外部jsファイルとして切り出すにはどうしたら良いでしょうか。
仮に以下のようなスクリプトがあったとします。

  const script = document.createElement('script')
    script.src = "https://~~"
    document.body.appendChild(script)

こちらのスクリプトをいくつかの.Vueファイルの「mounted」内で使用していた場合全く同じスクリプトな為、外部jsファイルとして切りだしたいと考えています。
しかし、こちら、「戻り値」がないスクリプトなのですが、そのような場合以下のように外部JSとして切り出すにはどうするのが適切でしょうか

function genereate() {
  const nengoes = []
  for (let y = 2021; y > 1920; y--) {
    if (y > 2018) {
      nengoes.push({ year: y, label: `${y} (令和${y - 2018}年)` })
    } else if (y > 1988) {
      nengoes.push({ year: y, label: `${y} (平成${y - 1988}年)` })
    } else if (y > 1925) {
      nengoes.push({ year: y, label: `${y} (昭和${y - 1925}年)` })
    } else if (y > 1911) {
      nengoes.push({ year: y, label: `${y} (大正${y - 1911}年)` })
    }
  }
  return nengoes
}

export default { genereate }

Answer 1

返り値のない関数も作れますので、それをエクスポートしてください。

Comments

[jjj001]

エクスポートした際は、その後importした際に、単純なメソッド呼び出しを行うだけで良いのでしょうか？

[maisumakun]

そうですね。