タイプスクリプト関数でのタイプの使用
2695 ワード
こんにちは!
この記事では、関数のタイプの使用方法について説明します:)
通常のJavaScriptで関数を作成し、2つのパラメータを加算します.
タイプスクリプトバージョンに変更しましょう.
今勉強している時に感じたこと.とてもいい感じです!誤字や間違いをすると、すぐに赤い線が出てくるので、早めに間違いを表示するのが便利!
素早く修正できるので、良さそうですが・・・徐々にタイプライターの魅力にはまっていくのでしょうか?ほほほ
関数式でoptionalparameterを設定することもできます.パラメータを追加するか、追加しないかのいずれかの方法を作成できます.
例:
こんなやり方で間違いを犯す私は儀式を宣言して、lastnameを中に入れました.
その出力ゲートには正しい入力パラメータがないからです.
開発時に置きたくない場所がありますその時はoptionalparameterを使っていました!
使いやすい!そのまま.貼ればいい
そうなると赤い線が表示されなくなります
いいですね.
パラメータ値をoptionalではなくdefaultに設定することもできます.
挿入されていない場合は、デフォルト値に設定された割当て値が表示されます.
したがって、message関数式のコンソール値はdefault paramという文字データ型である.
最後にrestパラメータを受信して処理する必要がある場合があります.
パラメータがどれくらいあるか全くわかりませんよね?
この場合restパラメータが使用されます.
restパラメータは...次にrest単語の意味に従って残りのパラメータをロードします.
だからすべてのパラメータが入り、配列の形で入ります.
そして、すべての値を追加するときに使用するreduce関数を使用してコールバックしました!
私は学習の過程でまだタイプスクリプトの魅力に完全に浸っていませんが、使用が増加するにつれて、私は次第にその便利さと重要性を意識しました!
私は引き続き勉強して、熟練して使って、そしてタイプのスクリプトの本当の価値を味わいたいです!ありがとうございます
この記事では、関数のタイプの使用方法について説明します:)
通常のJavaScriptで関数を作成し、2つのパラメータを加算します.
function add(num1,num2) {
console.log(num1+num2)
return num1+num2
}
add(1,3)
タイプを指定せずに通常のJavaScriptバージョンとして単純に宣言する場合は、簡潔に見えるかもしれませんが、多くのパラメータが含まれており、関数の内部が複雑である場合は、エラー率も高く、多くの不安要因をもたらします.タイプスクリプトバージョンに変更しましょう.
function add(num1:number,num2:number):number{
return num1+num2
}
このように並べると必ずデジタル型資料型のパラメータが得られるので間違いはないでしょうか?もっと直感的!今勉強している時に感じたこと.とてもいい感じです!誤字や間違いをすると、すぐに赤い線が出てくるので、早めに間違いを表示するのが便利!
素早く修正できるので、良さそうですが・・・徐々にタイプライターの魅力にはまっていくのでしょうか?ほほほ
関数式でoptionalparameterを設定することもできます.パラメータを追加するか、追加しないかのいずれかの方法を作成できます.
例:
function prinName(firstName:string,lastName:string) {
console.log(firstName)
console.log(lastName)
}
prinName('Seunghoon','Shin')
prinName('Seunghoon')
入力時こんなやり方で間違いを犯す私は儀式を宣言して、lastnameを中に入れました.
その出力ゲートには正しい入力パラメータがないからです.
開発時に置きたくない場所がありますその時はoptionalparameterを使っていました!
使いやすい!そのまま.貼ればいい
function prinName(firstName:string,lastName?:string) {
console.log(firstName)
console.log(lastName)
}
prinName('Seunghoon','Shin')
prinName('Seunghoon')
そうです!そうなると赤い線が表示されなくなります
いいですね.
パラメータ値をoptionalではなくdefaultに設定することもできます.
function message(message:string='default param') {
console.log(message)
}
message()
optionalとは異なり、放さないとundefiendとして現れます.挿入されていない場合は、デフォルト値に設定された割当て値が表示されます.
したがって、message関数式のコンソール値はdefault paramという文字データ型である.
最後にrestパラメータを受信して処理する必要がある場合があります.
function addNumbers(...numbers:number[]):number {
return numbers.reduce((a,b)=>{
return a+b
})
}
console.log(addNumbers(1,2,3))
console.log(addNumbers(1,2,))
console.log(addNumbers(11,23,33,412))
console.log(addNumbers(3))
console.log(addNumbers(1,2,3,300,3000,11321,22))
関数を作成するときに、次のコンソールのように複数のパラメータを受信して追加するにはどうすればいいですか?パラメータがどれくらいあるか全くわかりませんよね?
この場合restパラメータが使用されます.
restパラメータは...次にrest単語の意味に従って残りのパラメータをロードします.
だからすべてのパラメータが入り、配列の形で入ります.
そして、すべての値を追加するときに使用するreduce関数を使用してコールバックしました!
に感銘を与える
私は学習の過程でまだタイプスクリプトの魅力に完全に浸っていませんが、使用が増加するにつれて、私は次第にその便利さと重要性を意識しました!
私は引き続き勉強して、熟練して使って、そしてタイプのスクリプトの本当の価値を味わいたいです!ありがとうございます
Reference
この問題について(タイプスクリプト関数でのタイプの使用), 我々は、より多くの情報をここで見つけました https://velog.io/@hoon_dev/TypeScript-함수에서-타입-사용해보기テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol