Today I Learned

毎日習ったことを整理して記録する.No Mad Coderの講座でTypescriptを学びました.

Setting Typescript Up

1.typescriptのインストール

タイプスクリプトプロジェクトには、通常typescriptおよびts-nodeパッケージがインストールされます.
エンコードされていないデコーダはグローバルにインストールされています.
yarn global add typescript

2. tsconfig.jsonの生成

タイプスクリプトコンパイラのプロファイルtsconfig.jsonも作らなきゃ
node.jsはタイプスクリプトを理解していないため、JavaScriptコードにコンパイルする必要があります.
tsc-initコマンドを使用して直接作成できます.
tsc-initを使用して多くの設定を作成する場合は、独自のファイルを作成し、必要に応じて設定できます.
タイプスクリプトを使用する場合、必要な設定がある場合はtsconfig.jsonに追加できるオプションに関するドキュメントを参照することをお勧めします.
tsconfig.jsonファイルの作成後の設定

{
  "compileOption": {
    "module": "commonjs",
    "target": "ES2015",
    "sourceMap": true
  },
  "include": ["index.ts"],
  "exclude": ["node_modules"]
}

3. index.tsの作成

index.tsはindexです.jsにコンパイルする必要があります.
tscを端末に入力するとindexになります.jsとindex.js.地図を作成します.
tsc

4. package.json設定

tsc後インデックスを入力します.jsを一度に実行します.
package.jsonでscriptを作成し、糸startコマンドに挿入します.
prestartでコンパイルしてstartインデックスを通過します.jsを実行します.
package:jsonファイルを設定します.

sangstartを入力すると、次の結果が表示されます.

First steps with Typescript

タイプスクリプトのタイプ機能がどのタイプの変数とデータであるかを設定する必要があります.
これがタイプスクリプトを使用して開発する際に得られる繊細さです.
では、コードを書きましょう.

は典型的なJavaScriptコードである.

const name = "Park",
  age = 26,
  gender = "male";

const sayHi = (name, age, gender) => {
  console.log(`Hello ${name}, you are ${age}, you are a ${gender}`);
};

sayHi(name, age, gender);
// 이 파일이 모듈이 된다는 것을 이해할 수 있도록 만들어 주는 코드
export {}; // 1번 줄에서 "블록 범위 변수 'name'을(를) 다시 선언할 수 없습니다.ts(2451)" 에러가 나는 걸 방지해 줌, 약간 버그같은 느낌

yarn start

$ tsc
$ node index.js
Hello Park, you are 26, you are a male

上のコードにsayHi関数のパラメータ性別が欠けている場合は、何が起こるか見てください.

ファイルを実行する前にエラータグが表示され、実行後に詳細が表示されます.

JavaScriptで見つからないエラー.
しかし、性別パラメータは意図的に選択的に使用される場合がある.
その時に関数を作った時に‘?’指定可能なパラメータはオプションです.

上記の機能により、コードライターでなくても、関数に必要なパラメータとオプションを簡単に理解できます.
参考:符号化なし,『Typescriptでブロックチェーンを作成』,#0~#0.4.