typeScript学習ノート
4156 ワード
概要:typeScriptはとても重要で、jsの1つのオーバーセットで、主にタイプのシステムとES 6に対する支持を提供しました.
参照リンク:https://ts.xcatliu.com/basics/primitive-data-types
1.Type Scriptとは何ですか?
Type ScriptはJavaScriptのオーバーセットで、主にタイプシステムとES 6に対するサポートを提供しています.Microsoftが開発し、コードはGitHubから始まります.
2.なぜType Scriptを選んだのですか?
Type Script公式サイトはいくつかの利点を挙げていますが、自分でまとめてみたいです.
Type Scriptはコードの可読性とメンテナンス性を増加しました.タイプのシステムは、実際には最高のドキュメントであり、大部分の関数は、タイプの定義を見ると、 の使い方が分かります.はコンパイル段階で大部分のエラーを発見することができます.これはいつも運転中にエラーが発生したより良いです. は、コード補完、インターフェースプロンプト、定義、再構成などのエディタとIDEの機能を強化しています.
Type Scriptはとても包容力があります. Type ScriptはJavaScriptのオーバーセットで、 明示的な定義タイプでなくても、自動的にタイプ推論を行うことができます. は、簡単から複雑までのほぼすべてのタイプを定義することができます. Type Scriptのコンパイルが間違っていても、JavaScriptファイル を生成することができます.は第三者ライブラリに対応しています.たとえ第三者ライブラリがType Scriptで書かれていなくても、Type Scriptの読み込みのために個別のタイプのファイルを作成することができます.
Type Scriptは活発なコミュニティを持っています. ほとんどの第三者ライブラリは、Type Scriptに提供されるタイプ定義ファイル を持っています. Googleが開発したAnglar 2は、Type Scriptを使って作成した です. Type ScriptはES 6仕様を抱拥し、ESNext草案の一部の仕様にも対応しています.
Type Scriptの欠点
どんなものにも両面性があります.Type Scriptの弊害は: には一定の学習コストがあり、インターフェース(Interfaces)、汎型(Generaics)、クラス(Class)、エニュメレーション型(Enums)などの先端技術者がよく知られていない概念を理解する必要がある. 短期的にはいくつかの開発コストを増やすかもしれません.結局は多くの種類の定義を書く必要がありますが、長期メンテナンスが必要なプロジェクトについては、Type Scriptはメンテナンスコストを減らすことができます. 構築プロセスに統合するには、いくつかの作業量が必要です. はいくつかのライブラリと完璧に結合されていないかもしれません.
3.Type Scriptの設置
Type Scriptのコマンドラインツールのインストール方法は以下の通りです.
Type Scriptファイルをコンパイルするのは簡単です.
4.基礎文法の紹介 定義変数タイプ 任意タイプ タイプ推定 定義されたときに値が与えられていない場合は、その後の値の有無にかかわらず、連結タイプ オブジェクトの種類——インターフェース Type Scriptでは、オブジェクトのタイプをインターフェース(Interfaces)で定義します.
インターフェースとは何ですか
オブジェクト指向言語では、インターフェース(Interfaces)は行動に対する抽象的な概念であり、具体的にどのように行動するかはクラス(clases)によって実現される必要があります.
Type Scriptにおけるインターフェースは非常に柔軟な概念であり、クラスの一部の行為を抽象化するために使用できるほか、「オブジェクトの形状(Shape)」についてもよく説明する.
簡単な例配列のタイプ 関数のタイプ タイプ断言 タイプ断言(Type Asertion)は、手動で値の種類を指定するために使用できます.ステートメントファイル
参照リンク:https://ts.xcatliu.com/basics/primitive-data-types
1.Type Scriptとは何ですか?
Type ScriptはJavaScriptのオーバーセットで、主にタイプシステムとES 6に対するサポートを提供しています.Microsoftが開発し、コードはGitHubから始まります.
2.なぜType Scriptを選んだのですか?
Type Script公式サイトはいくつかの利点を挙げていますが、自分でまとめてみたいです.
Type Scriptはコードの可読性とメンテナンス性を増加しました.
Type Scriptはとても包容力があります.
.js
ファイルは直接に.ts
と命名すればいいです.Type Scriptは活発なコミュニティを持っています.
Type Scriptの欠点
どんなものにも両面性があります.Type Scriptの弊害は:
3.Type Scriptの設置
Type Scriptのコマンドラインツールのインストール方法は以下の通りです.
npm install -g typescript
以上のコマンドは、グローバル環境でtsc
コマンドをインストールします.インストールが完了したら、どこでもtsc
コマンドを実行できます.Type Scriptファイルをコンパイルするのは簡単です.
tsc hello.ts
Type Scriptを使って作成したファイルは.ts
を拡張子として、Type ScriptでReactを作成する時、.tsx
を拡張子とすることを約束します.4.基礎文法の紹介
let isDone: boolean = false;
let decLiteral: number = 6;
let hexLiteral: number = 0xf00d;
// ES6
let binaryLiteral: number = 0b1010;
// ES6
let octalLiteral: number = 0o744;
let notANumber: number = NaN;
let infinityNumber: number = Infinity;
let myFavoriteNumber: any = 'seven';
myFavoriteNumber = 7;
any
タイプと推定され、完全にタイプ検査されない:let myFavoriteNumber;
myFavoriteNumber = 'seven';
myFavoriteNumber = 7;
let myFavoriteNumber: string | number;
myFavoriteNumber = 'seven';
myFavoriteNumber = 7;
インターフェースとは何ですか
オブジェクト指向言語では、インターフェース(Interfaces)は行動に対する抽象的な概念であり、具体的にどのように行動するかはクラス(clases)によって実現される必要があります.
Type Scriptにおけるインターフェースは非常に柔軟な概念であり、クラスの一部の行為を抽象化するために使用できるほか、「オブジェクトの形状(Shape)」についてもよく説明する.
簡単な例
interface Person {
name: string;
age: number;
}
let tom: Person = {
name: 'Tom',
age: 25
};
上記の例では、インタフェースPerson
を定義し、次いで変数tom
を定義し、そのタイプはPerson
である.このように、tom
を制約した形状は、インターフェースPerson
と一致しなければならない.let fibonacci: number[] = [1, 1, 2, 3, 5];
function sum(x: number, y: number): number {
return x + y;
}
function getLength(something: string | number): number {
if ((something).length) {
return (something).length;
} else {
return something.toString().length;
}
}
declare var
declare function
declare class
declare enum
declare namespace ( )
interface type
export
export namespace ( )
export default ES6
export = commonjs
export as namespace UMD
declare global
declare module
///
があります.次号に続く