//引数、戻り値に型を指定する\nfunction triangleArea(height:number, bottom:number):number{\n return bottom * height / 2;\n}//無名関数で型を指定(triangleAreaにもfunctionの型を指定してみる)\nlet triangleArea:(height:number, bottom:number) => number =\nfunction(height:number, bottom:number):number{\n return bottom * height / 2;\n}let triangleArea:(height:number, bottom:number) => number =\n(height:number, bottom:number):number => {\n return bottom * height / 2;\n}通常引数は必須となっている、引数名の後に「?」をつけると省略可能になる。\n省略した引数にはundefinedが渡される。
\n// mesは省略可能な引数にする\nconst info = (mes?:string):string => {\n if(mes === undefined){\n mes = '何もなし';\n }\n return `2022/01/23 INFO ${mes}`;\n\n}\nconsole.log(info('何か起きたよ'));\n// 2022/01/23 INFO 何か起きたよ\nconsole.log(info());\n// 2022/01/23 INFO 何もなし規定値を設定しておくと引数を省略した場合に引数には規定値が代入される。
\n引数の任意設定「?」とは同時に使用できない。
\n// mesの規定値に「何もなし」を設定\nconst info = (mes = '何もなし'):string => {\n return `2022/01/23 INFO ${mes}`;\n\n}\nconsole.log(info('何か起きたよ'));\n// 2022/01/23 INFO 何か起きたよ\nconsole.log(info());\n// 2022/01/23 INFO 何もなし引数の前に「…」をつけると配列型として可変長引数として定義できる。
\n可変長引数は最後の引数にのみ設定可能。
\n//valは複数の引数を文字列配列で受け取るので配列型「型種類[]」で定義\nconst test = (...val:string[]) :void=> {\n console.log(val);\n}\ntest('AAA', 'BBB', 'CCC');\n//[ 'AAA', 'BBB', 'CCC' ]\n\n//可変長引数は一番最後に定義する\nconst test2 = (num:number, ...val:string[]) :void=> {\n console.log(val[num]);\n}\ntest2(1, 'AAA', 'BBB', 'CCC');\n//BBB\n\n/** 可変超引数を最初にするとエラー\nconst test3 = (...val:string[],num:number) :void=> {\n console.log(val[num]);\n}\n*/\n同じ名前で引数または戻り値が異なる関数を定義する。
\n最初に関数のシグニチャのみを定義し、後からまとめて実装する。
\n関数実行時にシグネチャで定義した引数以外を指定するとエラーとなる。
\n//オーバロードする関数を定義(シグネチャ)\nfunction test(val:string):void;\nfunction test(num:number):void;\n\n//関数の内容を実装する（引数の型はany）\nfunction test(value:any):void{\n //引数の型をチェックしそれぞれの処理を記述\n if(typeof value === 'string'){\n console.log('文字列が来た');\n }else if(typeof value === 'string'){\n console.log('数字が来た');\n }\n}\n\ntest(2);\ntest('AAA');\n// test(true);//booleanは定義されていないのでエラーになる引数をUnionTypesで定義しても同じことができるけど何か違うのかな？
\n\n//引数をUnionTypesで定義してみる\nfunction test(value:string|number):void{\n //引数の型をチェックしそれぞれの処理を記述\n if(typeof value === 'string'){\n console.log('文字列が来た');\n }else if(typeof value === 'string'){\n console.log('数字が来た');\n }\n}\n\ntest(2);\ntest('AAA');\n// test(true);//booleanは定義されていないのでエラーになる