サーチ…


備考

関数のための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