[TypeScript] 2.5¶

TypeScript2.5のリリース内容まとめ

Optional catch clause variables ¶

HAD BETTER EASY

try-catchのcatch節でエラーオブジェクトの宣言を省略できるようになった。

v2.5より前

let result: Object;
try {
  result = JSON.parse("{hoge hoge}");
  console.log("ok");
} catch (_unuseError) {
  // 使わなくても _unuseError を宣言しないといけない
  console.log("parseにしっぱい");
}

v2.5以上

let result: Object;
try {
  result = JSON.parse("{hoge hoge}");
  console.log("ok");
} catch {
  // 使わない場合は _unuseError の宣言を省略できる
  console.log("parseにしっぱい");
}

Type assertion/cast syntax in checkJs/@ts-check mode ¶

NOT NECESSARY EASY

JavaScriptの式に対して、キャストおよび型アサーションができるようになった。
式に対して、/** @type {キャストしたい型} */ (式)と書く。

関数の中で式のキャストが必要なときに使える。

/**
 * @param {any} [a]
 * @param {any} [b]
 */
export function hoge(a, b) {
  // a + b の結果をstringにキャスト
  const x = /** @type {string} */ (a + b);
  // 以降でxはstring型と判定される

  // xはstringになっている
  return x.startsWith("1");
}

クラスなどでもOK。

main.ts

import { initHuman } from "./plain";

initHuman({id: 100, name: "A hundred"});
// =>
// 100
// A hundred

plain.js

class Human {
  /**
   *
   * @param {number} id
   * @param {string} name
   */
  constructor(id, name) {
    this.id = id;
    this.name = name;
  }
}

/**
 * @param {any} humanLike
 */
export function initHuman(humanLike) {
  const humanInstance = /** @type {Human} */ (humanLike);
  console.log(humanInstance.id);
  console.log(humanInstance.name);
}