TypeScriptの関数と型を解説
引数・戻り値・アロー関数の書き方

function greet(引数名name: 引数の型string): 戻り値の型string { return `こんにちは、${name}さん`; }

function greet(name: string): string {
  return `こんにちは、${name}さん`;
}

function add(a: number, b: number): number {
  return a + b;
}

function isAdult(age: number): boolean {
  return age >= 18;
}

console.log(greet("Alice"));  // → こんにちは、Aliceさん
console.log(add(3, 7));       // → 10
console.log(isAdult(20));    // → true

// 戻り値の型が合わない場合はエラー
function badReturn(): number {
  return "文字列"; // エラー: string は number に代入不可

}

function buildLabel(name: string, suffix?: string): string {
  if (suffix) {
    return `${name} (${suffix})`;
  }
  return name;
}

console.log(buildLabel("Alice", "管理者")); // → Alice (管理者)
console.log(buildLabel("Bob"));            // → Bob

function createUser(
  name: string,
  age: number,
  role?: string
): string {
  const roleLabel = role ?? "一般ユーザー";
  return `${name}(${age}歳) - ${roleLabel}`;
}

console.log(createUser("Carol", 25, "編集者")); // → Carol(25歳) - 編集者
console.log(createUser("Dave",  30));          // → Dave(30歳) - 一般ユーザー

function repeatText(text: string, count = 3): string {
  return text.repeat(count);
}

console.log(repeatText("TS"));    // → TSTSTS
console.log(repeatText("TS", 5)); // → TSTSTSTSTSTS

function createConfig(
  host: string,
  port    = 3000,
  debug   = false,
  timeout = 5000
): { host: string; port: number; debug: boolean; timeout: number } {
  return { host, port, debug, timeout };
}

console.log(createConfig("localhost"));
// → { host: "localhost", port: 3000, debug: false, timeout: 5000 }

console.log(createConfig("api.example.com", 8080, true));
// → { host: "api.example.com", port: 8080, debug: true, timeout: 5000 }

// ① 基本形
const double = (n: number): number => n * 2;

// ② 複数行の場合は {} と return が必要
const formatPrice = (price: number, currency = "JPY"): string => {
  return `${price.toLocaleString()} ${currency}`;
};

// ③ 戻り値は型推論させてもOK
const square = (n: number) => n * n;

// ④ 引数なし
const getTimestamp = (): number => Date.now();

console.log(double(7));               // → 14
console.log(formatPrice(1980));      // → 1,980 JPY
console.log(formatPrice(9800, "USD")); // → 9,800 USD
console.log(square(9));               // → 81

// 関数型は「(引数名: 型) => 戻り値の型」で書く
type Transformer = (value: number) => number;

const double: Transformer = (n) => n * 2;
const square: Transformer = (n) => n * n;

// 関数を引数として受け取る（高階関数）
function applyAll(values: number[], fn: Transformer): number[] {
  return values.map(fn);
}

console.log(applyAll([1, 2, 3, 4], double)); // → [2, 4, 6, 8]
console.log(applyAll([1, 2, 3, 4], square)); // → [1, 4, 9, 16]

// コールバックの型定義
function fetchData(
  url: string,
  onSuccess: (data: string) => void,
  onError:   (err: Error)  => void
): void {
  try {
    onSuccess(`${url} のデータ`);
  } catch (e) {
    onError(e as Error);
  }
}

fetchData(
  "https://api.example.com/users",
  (data) => console.log("成功:", data),
  (err)  => console.log("失敗:", err.message)
);