typescript の関数の詳細な紹介

Oct 19, 2018 pm 02:41 PM
typescript

この記事では、typescript の関数について詳しく説明します。必要な方は参考にしていただければ幸いです。

関数の役割は言うまでもありませんが、タイプスクリプトの世界での関数の本当の姿を見てみましょう。

関数の基本的な外観は次のとおりです。

function fnanme(arg1: Type1, arg2: Type2, ...):Type {
// 函数体
}
ログイン後にコピー

関数名パラメータ関数本体戻り値
関数名はもちろん正当な識別子です。言うことはありません。重要なことは、パラメータと戻り値がこの関数の形状を決定することです。
関数本体については、関数を実装するコードであり、関数によって異なります。

パラメータ宣言

パラメータは関数の入力であり、特定の種類の形式に準拠する必要があります

関数宣言内のパラメータは仮パラメータと呼ばれ、呼び出されたときに関数が渡すものは実パラメータと呼ばれます。

各パラメータの形式は名前:型で、前はパラメータ名を表し、後ろは複数のパラメータのタイプを表します。カンマで区切る必要がありますが、これも非常に一般的です。

function fa(name: string, age: number) {}
ログイン後にコピー

オプションのパラメータ

パラメータは渡す必要はなく、渡すこともできます。渡したい場合はそれらを、渡したくない場合はパラメーター名 ? の後に 1 を追加すると、この機能が実現できます。
たとえば、

function fa(name: string, age?: number) {}
ログイン後にコピー

は、年齢を渡すことができることを意味します。

デフォルト パラメータ

パラメータを指定することにより、デフォルト値は実際にはオプションのパラメータの効果を達成できますが、この時点で達成される効果は、このパラメータを指定したときの効果です。が渡されない場合は、代わりにデフォルトのパラメータが使用されます。

パラメータを選択した後は、オプションのパラメータが必須であることに注意してください。そうしないと、コンパイラが混乱することになります。そうしないと、あなたも混乱するでしょう。

関数の戻り値

関数の戻り値には戻り値の型が必要です。戻り値の型は通常、関数本体の前、つまりカーリーの前に記述されます。ブレース。

function fa(name: string): string {}
ログイン後にコピー

上記の関数の戻り値の型は文字列型です。もちろん、任意の型を使用できます。

戻り値の型を宣言しない場合、コンパイラは関数本体の戻り値に基づいて戻り値の型を自動的に推測します。戻り値がない場合、戻り値の型は void になります。

以上がtypescript の関数の詳細な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

5 つの一般的な JavaScript メモリ エラー 5 つの一般的な JavaScript メモリ エラー Aug 25, 2022 am 10:27 AM

JavaScript はメモリ管理操作を提供しません。代わりに、メモリは、ガベージ コレクションと呼ばれるメモリ再利用プロセスを通じて JavaScript VM によって管理されます。

Vue3+TypeScript+Vite は画像などの静的リソースを動的に導入するためにどのように使用しますか? Vue3+TypeScript+Vite は画像などの静的リソースを動的に導入するためにどのように使用しますか? May 16, 2023 pm 08:40 PM

質問: Vue3+TypeScript+Vite プロジェクトに画像などの静的リソースを動的に導入するために require を使用する方法!説明: 現在プロジェクトを開発する場合(プロジェクトフレームワークはVue3+TypeScript+Vite)、静的リソースを動的に導入する、つまりimgタグのsrc属性値を動的に取得する必要があります。次のコード: Write コードをアップロードした後、波線エラーが報告され、エラー メッセージ: 名前 "require" が見つかりません。ノードのタイプ定義をインストールする必要がありますか? npmi --save-dev@types/node を試してください。 npmi--save-d 実行後の ts(2580)

MySQLを使用してTypeScriptにデータ型変換機能を実装する方法 MySQLを使用してTypeScriptにデータ型変換機能を実装する方法 Jul 29, 2023 pm 02:17 PM

MySQL を使用して TypeScript にデータ型変換関数を実装する方法 はじめに: データ型変換は、Web アプリケーションを開発するときに非常に一般的な要件です。データベースに格納されているデータを処理するとき、特に MySQL をバックエンド データベースとして使用するとき、多くの場合、クエリ結果のデータを必要な型に変換する必要があります。この記事では、MySQL を使用して TypeScript でデータ型変換を実装する方法を紹介し、コード例を示します。 1.準備:始める

Vue3 で TypeScript を使用する方法 Vue3 で TypeScript を使用する方法 May 13, 2023 pm 11:46 PM

フィールド名 enum で型を宣言するにはどうすればよいですか?設計上、type フィールドは列挙値である必要があり、呼び出し元によって任意に設定されるべきではありません。以下は、合計 6 つのフィールドを持つ Type の列挙宣言です。 enumType{primary="primary",success="success",warning="warning",warn="warn",//warningaliasdanger="danger",info="info",}TypeSc

Redis と TypeScript を使用してハイパフォーマンス コンピューティング関数を開発する方法 Redis と TypeScript を使用してハイパフォーマンス コンピューティング関数を開発する方法 Sep 20, 2023 am 11:21 AM

Redis と TypeScript を使用してハイ パフォーマンス コンピューティング機能を開発する方法の概要: Redis は、高いパフォーマンスとスケーラビリティを備えたオープン ソースのインメモリ データ構造ストレージ システムです。 TypeScript は、型システムとより優れた開発ツールのサポートを提供する JavaScript のスーパーセットです。 Redis と TypeScript を組み合わせることで、大規模なデータ セットを処理し、Redis のメモリ ストレージとコンピューティング機能を最大限に活用するための効率的なコンピューティング関数を開発できます。この記事ではその方法を説明します

Redis と TypeScript を使用してスケーラブルなフロントエンド アプリケーションを開発する Redis と TypeScript を使用してスケーラブルなフロントエンド アプリケーションを開発する Aug 01, 2023 pm 09:21 PM

タイトル: Redis と TypeScript を使用したスケーラブルなフロントエンド アプリケーションの開発 はじめに: 今日のインターネット時代では、スケーラビリティはあらゆるアプリケーションの重要な要素の 1 つです。フロントエンド アプリケーションも例外ではありません。ユーザーの増大するニーズを満たすには、効率的で信頼性の高いテクノロジーを使用して、スケーラブルなフロントエンド アプリケーションを構築する必要があります。この記事では、Redis と TypeScript を使用してスケーラブルなフロントエンド アプリケーションを開発する方法を紹介し、コード例を通じてそのアプリケーションを実証します。 Redis の概要

PHP の TypeScript を使用してより良いコードを作成する PHP の TypeScript を使用してより良いコードを作成する Jun 19, 2023 pm 06:31 PM

JavaScript の継続的な開発により、フロントエンド エンジニアは、型チェックやモジュール性の欠如など、大規模なプロジェクトで混乱やエラーを引き起こすことが多い JavaScript 自体のいくつかの問題に徐々に気づくようになりました。これらの問題を解決するために TypeScript が登場し、フロントエンド開発でますます人気のある言語になりました。バックエンド開発の分野では、PHP は常に非常に人気のあるスクリプト言語です。したがって、TypeScriptを組み合わせてPHPアプリケーションを開発します

Vue2 と比較した Vue3 の変更点: TypeScript の型推論の改善 Vue2 と比較した Vue3 の変更点: TypeScript の型推論の改善 Jul 07, 2023 pm 01:05 PM

Vue2 と比較した Vue3 の変更点: TypeScript の型推論の向上 Vue は、ユーザー インターフェイスを構築するための人気のある JavaScript フレームワークです。 Vue3 は Vue フレームワークの最新バージョンであり、Vue2 に基づいて多くの改善と最適化が行われています。その 1 つは、TypeScript の型推論の改善です。この記事では、Vue3 の型推論の改善点を紹介し、コード例を通して説明します。 Vue2 では、Vue コンポーネントを手動で設定する必要があります

See all articles