Vue.jsのjestによるテストのチュートリアル動画の中で使用されている記法が分からないので教えていただきたいです。

Question

とあるVue.jsのビデオチュートリアル動画を見ていて、Vue Routerの動作をテスト内でモックするために以下のような記法が使われていたのですが、理解できなかったため教えていただきたいです。

const mockRoutes = []
jest.mock('vue-router', () => ({
  useRouter: () => ({
    push: (url: string) => {
      mockRoutes.push(url)
    }
  })
}))

コード二行目のアロー関数の=>の直後でオブジェクトの中括弧{}を括弧()で囲っているのですがこれはなんという記法なのでしょうか？
あと、なぜこのようにする必要があるのか教えていただきたいです。

Answer 1

アロー関数では return するだけの場合は return を省略できますが、=> の次に { が来ると、普通の処理のブロックとみなされてしまうので、オブジェクトを return するには () で囲う必要があります。
参考: アロー関数でオブジェクト返すときは注意

Comments

[sassan738]

なるほど。そういう事だったんですね。理解できました。
記事もとても分かりやすかったです。
回答いただきありがとうございました。