【TypeScript/JavaScript】可変引数の関数の中で別の可変引数の関数に可変引数を渡す

TypeScriptやJavaScriptで可変引数の関数の中で別の可変引数の関数に可変引数を渡したい！

概要

今回の記事では、TypeScriptやJavaScriptで可変引数の関数の中で別の可変引数の関数に可変引数を渡す手順を掲載する。

可変引数の関数からまた別の例えばconsole.logなどの別の可変引数の関数に可変引数の状態のまま引数を渡す方法。

仕様書

環境

• typescript 5.2.2

手順書

可変引数を関数の中で使う場合はこんな感じなんだけども

export const myLog = (...args: any[]) => {
    args.forEach(arg => {
        console.log(arg);
    });
};

可変引数の状態のまま、別の関数に渡したい！

関数式の場合。

export const myLog = (...args: any[]) => {
    args.forEach(arg => {
        console.log(arg);
    });
    console.log(...args);
};

定義の場合。

function myLog(...args: any[]) {
    console.log(...args);
}

JavaScriptの場合は型（: any[]）の部分を消す。

まとめ（感想文）

可変引数で自分ではあまり定義しないので使い方を忘れちゃいがち。