タイプスクリプトの概要と背景

6520 ワード

typescript テキストリンク

🔹 タイプスクリプトとは?

JavaScript言語
->JavaScript拡張言語

javascriptとは異なり、ブラウザで実行するためにファイルを変換する必要があります.
->コンパイルと呼ばれます.

エラー防止

コードガイドおよび自動完了により、開発効率が向上しました.

function sum(a,b){
  return a + b;
}
sum(10,20) // 30
sum(10,"20") // 1020

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

add(10,"20") // 1020

sum(10,"20")のようにtsにより予期せぬコードの動作エラーを予防することができる.

コードを記述する際には,開発ツールの機能を最大限に利用できる.

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

let result = add(20, "20");

result.toLocaleString() // 자동완성으로 작성

入力result.には、次の機能が表示されます.

jsファイルでtsのように使用したい場合に作成する構文

/**
 * 
 */

function sum(a,b){
	return (a + b)
} 

sum(10, "20") // "1020";

tsのように

// @ts-check

/**
 * 
 * @param {number} a 
 * @param {number} b 
 */

function sum(a, b) {
  return (a + b)
}

sum(10,'20')

関数名にカーソルを置くとts自動設定の機能が表示されます.

// @ts-checkを上端に使用すると、tsのようにエラーが見つかります.

この問題について(タイプスクリプトの概要と背景), 我々は、より多くの情報をここで見つけました https://velog.io/@gay0ung/TypeScript

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol