TypeScript の関数の型指定について

Question

TypeScript の公式サイトの Playground で次のように TypeScript のコードを打ち込みました。

https://www.typescriptlang.org/play

const message: string = 'hello world';
console.log(message);

function hello(message: string) {
    console.log(message);
}

hello(100);

"use strict";
const message = 'hello world';
console.log(message);
function hello(message) {
    console.log(message);
}
hello(100);

hello 関数は、定義時に引数に文字列を指定していて、実行時に数字を渡しているのにも関わらず、エラーが発生せずに実行できていますが、なぜでしょうか？

次のようなエラーが出るものと想定していました。

error TS2345: Argument of type '100' is not assignable to parameter of type 'string'.

ご助言いただければありがたいです。

Answer 1

次のようなエラーが出るものと想定していました。

いえ、出ています。TypeScriptの入力欄の右側に赤色の帯や、100の下に波線が出ていますが、そこをクリックするとコンパイル時のエラーが確認できます。

Comments

[t-cool]

クリックするとエラ〜メッセージを確認できました。
ありがとうございました！

Answer 2

実際にブラウザで実行されているのはTypeScriptではなくてJavaScriptだから実行時エラーは出ません。

Comments

[quickquip]

TypeScript側でエラーが出ているのにも関わらず、なぜPlaygroundはJavaScriptにトランスパイルしてしまうのか?
という内容を質問に追記して、Playgroundに詳しい人の登場を待った方がいい気もします。

[t-cool]

ご助言ありがとうございます。
エラーが出てもコンパイルできてしまうのは、挙動としてどうかと思いますが、赤い波線をクリックするとエラーメッセージが確認できたので、この質問はここで締めようと思います。

Answer 3

100は文字列ではなくnumber型です。
hello('100')にすべきですがおそらくJSにする際に自動で型変換してるのではないでしょうか？