TypeScript
関数
サーチ…
備考
関数のためのTypescriptドキュメントリンク
オプションパラメータとデフォルトパラメータ
オプションのパラメータ
TypeScriptでは、すべてのパラメータが関数で必要とされています。あなたは?を追加できますか?パラメータ名の最後にオプションとして設定します。
たとえば、この関数のlastName
パラメータはオプションです。
function buildName(firstName: string, lastName?: string) {
// ...
}
オプションのパラメータは、オプションではないすべてのパラメータの後に付ける必要があります。
function buildName(firstName?: string, lastName: string) // Invalid
デフォルトパラメータ
ユーザーがundefined
を渡すか、引数を指定しない場合、デフォルト値が割り当てられます。これらは、 デフォルトで初期化されたパラメータと呼ばれます 。
たとえば、 lastName
パラメーターのデフォルト値は "Smith"です。
function buildName(firstName: string, lastName = "Smith") {
// ...
}
buildName('foo', 'bar'); // firstName == 'foo', lastName == 'bar'
buildName('foo'); // firstName == 'foo', lastName == 'Smith'
buildName('foo', undefined); // firstName == 'foo', lastName == 'Smith'
関数の種類
名前付き関数
function multiply(a, b) {
return a * b;
}
匿名関数
let multiply = function(a, b) { return a * b; };
ラムダ/矢印関数
let multiply = (a, b) => { return a * b; };
パラメータとしての機能
関数をパラメータとして受け取りたい場合、次のようにすることができます:
function foo(otherFunc: Function): void {
...
}
パラメータとしてコンストラクタを受け取る場合は、次のようにします。
function foo(constructorFunc: { new() }) {
new constructorFunc();
}
function foo(constructorWithParamsFunc: { new(num: number) }) {
new constructorWithParamsFunc(1);
}
また、読みやすくするために、コンストラクタを記述するインタフェースを定義することもできます。
interface IConstructor {
new();
}
function foo(contructorFunc: IConstructor) {
new constructorFunc();
}
またはパラメータ付き:
interface INumberConstructor {
new(num: number);
}
function foo(contructorFunc: INumberConstructor) {
new contructorFunc(1);
}
ジェネリックでも:
interface ITConstructor<T, U> {
new(item: T): U;
}
function foo<T, U>(contructorFunc: ITConstructor<T, U>, item: T): U {
return new contructorFunc(item);
}
コンストラクタではなく単純な関数を受け取る場合は、ほぼ同じです。
function foo(func: { (): void }) {
func();
}
function foo(constructorWithParamsFunc: { (num: number): void }) {
new constructorWithParamsFunc(1);
}
あるいは読みやすくするために、関数を記述するインタフェースを定義することができます:
interface IFunction {
(): void;
}
function foo(func: IFunction ) {
func();
}
またはパラメータ付き:
interface INumberFunction {
(num: number): string;
}
function foo(func: INumberFunction ) {
func(1);
}
ジェネリックでも:
interface ITFunc<T, U> {
(item: T): U;
}
function foo<T, U>(contructorFunc: ITFunc<T, U>, item: T): U {
return func(item);
}
連合型の関数
TypeScript関数は、共用体型を使用して複数の事前定義された型のパラメータを取り込むことができます。
function whatTime(hour:number|string, minute:number|string):string{
return hour+':'+minute;
}
whatTime(1,30) //'1:30'
whatTime('1',30) //'1:30'
whatTime(1,'30') //'1:30'
whatTime('1','30') //'1:30'
Typescriptは、これらのパラメータを他の型の共用体である単一の型として扱います。したがって、関数は共用体内にある型のパラメータを処理できる必要があります。
function addTen(start:number|string):number{
if(typeof number === 'string'){
return parseInt(number)+10;
}else{
else return number+10;
}
}
Modified text is an extract of the original Stack Overflow Documentation
ライセンスを受けた CC BY-SA 3.0
所属していない Stack Overflow