js？ react？ のコロンの意味が分からない

Question

https://memorandumrail.com/react-validation/

上記ページを参考の中に出てくるコードの意味が分かりません

const emailValidation = (email: string): string => {
  if (!email) return 'メールアドレスを入力してください';

  const regex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$/;
  if (!regex.test(email)) return '正しい形式でメールアドレスを入力してください';

  return '';
};

アロー関数の引数である「(email: string): string 」は何をしているのでしょうか

Answer 1

ご質問の記法は JacaScript や React に関係する記法ではなく、
TypeScript の記法です。

それぞれ、次の意味を表しています:

email: の後に続く string

引数の email が文字列型であるべきであること

(email: string): の後に続く string

アロー関数の戻り値が文字列型であること

参考: 関数の型 - TypeScript Deep Dive 日本語版

Answer 2

Typescriptの型アノテーションですね
通常のjsではエラーになると思います

Comments

[dda]

コメントありがとうございます。
なぜ２回行っているのでしょうか。