タイプスクリプトタイプスクリプトを最初に起動
4236 ワード
最近、タイプスクリプトの重要性と必要性に関する話題を聞いて注目しています.求人サイトでは、タイプスクリプトを資格要件や優先事項に追加する会社が多いのを見ました.
だから...一体どうして.タイプスクリプトを使い続けることが大切だと思いますよね?JavaScriptだけでも十分開発できるのでしょうか?ずっとこんな疑問があった
そうですね.理由があるでしょう.本格的に掘り起こして勉強しましょう.という思いで、タイプライターの勉强を始めました
新しいことを学ぶ前に、いつもそれが何なのかを考えています.どうしてそれを使うのですか.よく知っておくべきだと思います!
だからまず知ったのは~?
タイプスクリプトとは?
だから...一体どうして.タイプスクリプトを使い続けることが大切だと思いますよね?JavaScriptだけでも十分開発できるのでしょうか?ずっとこんな疑問があった
そうですね.理由があるでしょう.本格的に掘り起こして勉強しましょう.という思いで、タイプライターの勉强を始めました
新しいことを学ぶ前に、いつもそれが何なのかを考えています.どうしてそれを使うのですか.よく知っておくべきだと思います!
だからまず知ったのは~?
タイプスクリプトとは?
タイプスクリプトは、新しい言語ではなく、JavaScriptベースのJavaScriptの最上位レベルにある言語です.JavaScriptのタイプの言語を指定し、静的タイプ言語を使用してコンパイルするときにタイプエラーをキャプチャします.
したがって、タイプエラーを直感的に修正し、開発者のエラーを予防することができますよね?
また、フロントエンド開発者にとって、ブラウザ間の問題は非常に重要な問題の一つであり、タイプスクリプトはJavaScript ES 3バージョンにコンパイルされ、このような状況を回避します.
最近、多くの会社がタイプスクリプトを採用していることを求人サイトで感じました.なぜ使うのでしょうか?理解した場合は、学習タイプのスクリプトの動機と必要性がわかります.
タイプスクリプトを使用する理由
実行時環境で動的にタイプを返すJavaScriptとは異なり、タイプスクリプトは静的に作成されます.これは、開発者がエンコードを行うと、すぐにここでタイプを指定し、コンパイル中にタイプエラーを起こし、タイプの問題を事前に阻止することを意味します.これにより、開発者は、コード時に直ちにタイプエラーを認識し、より厳格で信頼性の高い開発環境を提供することができる.
また、タイプスクリプトは、強力なオブジェクト向けプログラミングをサポートします.オブジェクト向け言語には多くのモジュール化機能があるため、これらのオブジェクト向け言語は極めて高い再利用性と拡張性を有する.
エクスペリエンスタイプスクリプト
タイプスクリプトを体験できる良いサイトがあります.
これが「タイプスクリプトplayground」というサイトです.https://www.typescriptlang.org/play?#code/Q
リンクにアクセスして使用します.
また、このサイトでタイプスクリプトの機能にアクセスし、コンパイル時に各バージョンのJavaScriptの変換方法を表示することもできます.
本格的な体験タイプスクリプトの前に、タイプを整理する必要がある場合があります.
大体12種類あります.
Boolean
Number
String
Object
Array
Tuple
Enum
Any
Void
Null
Undefined
Never
これらの多くのタイプでは、使用するガイドタイプと使用不可タイプが異なります.
代表的なのは、任意のタイプ(any、undefiend、nullなど)を指定せず、任意のタイプ(?)を指定しないことです.この感覚のタイプ指定はなるべく避けたほうがいいです!
次に、タイプの指定と使用方法を見てみましょう.
これは、初期化割り当てを宣言するときの典型的な数値変数です.
JavaScript ver
let num = 5
タイプスクリプトver
let num:number = 5;
変数名の横に:を追加してタイプを指定します.
このタイプを実行し続け、他のタイプに値を割り当てるとエラーが発生します.
したがって、この変数はnumberタイプとして指定されるため、stringタイプを割り当てることはできません.
これにより、タイプスクリプトは信頼性の高い環境を提供し、エラーを回避するために厳格な開発目標を提供します.
また、2つ以上のタイプの変数を作成することもできます.
let age: number | undefined;
age = undefined;
age = 1;
このように、age変数にnumberタイプまたはundefiendタイプを作成できます.
では、それぞれのタイプの宣言がどのような形式であるかを見てみましょう.
Boolean
タイプの真偽値を表すboolean.const boal:Boolean = true
Number
数値タイプのみを表すnumberconst num:number = 5
String
文字タイプのみを表すstringconst my_name:string = '훈훈'
Object
オブジェクトタイプのみを表すオブジェクトconst obj:{} = {name : "훈훈"}
Array
タイルタイプのarrayのみを表します.const arr:(string | number)[]= ['신','승','훈',1,2]
Tuple
tuple、長さ固定、各要素タイプの指定配列タイプ.const tuple: [string, number] = ['hello!!', 10000];
Enum
特定の値のセットを表すenumタイプ.enum Family {Hoon,Yeon, Rae}
const family_me: Family = Family.Hoon;
Any
すべてのタイプの任意のタイプを許可const anything:any = '아무거나!!';
Void
voidタイプは戻り値のない空虚なタイプですfunction print():void {
console.log("보이드는 생략이 가능!")
console.log("리턴값이 아무것도 없음!!")
return
}
Null
nullのnullタイプを返します.const name = null;
Undefined
未定義のタイプを返します.const name: undefined;
Never
予期せぬエラーが発生し、制御できない場合は、使用しません!
//エラーは絶対に回復できないタイプ!
無限と放出エラー(//したがってwhile(true))を返す場合にのみ使用できます.function throwError(message:string):never {
throw new Error(message)
}
こうして各タイプのスクリプトを簡単に学びました!
ネイバーは見慣れないタイプですが、他のタイプの人は開発を勉強している間に見たことがあるので、あまり異質感はありません.
今後,タイプスクリプトの応用能力を徐々に強化し,実際の操作に応用できる開発者となる.
がんばれ!
ありがとうございます.
Reference
この問題について(タイプスクリプトタイプスクリプトを最初に起動), 我々は、より多くの情報をここで見つけました
https://velog.io/@hoon_dev/TypeScript-타입스크립트-첫-시작
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
実行時環境で動的にタイプを返すJavaScriptとは異なり、タイプスクリプトは静的に作成されます.これは、開発者がエンコードを行うと、すぐにここでタイプを指定し、コンパイル中にタイプエラーを起こし、タイプの問題を事前に阻止することを意味します.これにより、開発者は、コード時に直ちにタイプエラーを認識し、より厳格で信頼性の高い開発環境を提供することができる.
また、タイプスクリプトは、強力なオブジェクト向けプログラミングをサポートします.オブジェクト向け言語には多くのモジュール化機能があるため、これらのオブジェクト向け言語は極めて高い再利用性と拡張性を有する.
エクスペリエンスタイプスクリプト
タイプスクリプトを体験できる良いサイトがあります.
これが「タイプスクリプトplayground」というサイトです.https://www.typescriptlang.org/play?#code/Q
リンクにアクセスして使用します.
また、このサイトでタイプスクリプトの機能にアクセスし、コンパイル時に各バージョンのJavaScriptの変換方法を表示することもできます.
本格的な体験タイプスクリプトの前に、タイプを整理する必要がある場合があります.
大体12種類あります.
Boolean
Number
String
Object
Array
Tuple
Enum
Any
Void
Null
Undefined
Never
これらの多くのタイプでは、使用するガイドタイプと使用不可タイプが異なります.
代表的なのは、任意のタイプ(any、undefiend、nullなど)を指定せず、任意のタイプ(?)を指定しないことです.この感覚のタイプ指定はなるべく避けたほうがいいです!
次に、タイプの指定と使用方法を見てみましょう.
これは、初期化割り当てを宣言するときの典型的な数値変数です.
JavaScript ver
let num = 5
タイプスクリプトver
let num:number = 5;
変数名の横に:を追加してタイプを指定します.
このタイプを実行し続け、他のタイプに値を割り当てるとエラーが発生します.
したがって、この変数はnumberタイプとして指定されるため、stringタイプを割り当てることはできません.
これにより、タイプスクリプトは信頼性の高い環境を提供し、エラーを回避するために厳格な開発目標を提供します.
また、2つ以上のタイプの変数を作成することもできます.
let age: number | undefined;
age = undefined;
age = 1;
このように、age変数にnumberタイプまたはundefiendタイプを作成できます.
では、それぞれのタイプの宣言がどのような形式であるかを見てみましょう.
Boolean
タイプの真偽値を表すboolean.const boal:Boolean = true
Number
数値タイプのみを表すnumberconst num:number = 5
String
文字タイプのみを表すstringconst my_name:string = '훈훈'
Object
オブジェクトタイプのみを表すオブジェクトconst obj:{} = {name : "훈훈"}
Array
タイルタイプのarrayのみを表します.const arr:(string | number)[]= ['신','승','훈',1,2]
Tuple
tuple、長さ固定、各要素タイプの指定配列タイプ.const tuple: [string, number] = ['hello!!', 10000];
Enum
特定の値のセットを表すenumタイプ.enum Family {Hoon,Yeon, Rae}
const family_me: Family = Family.Hoon;
Any
すべてのタイプの任意のタイプを許可const anything:any = '아무거나!!';
Void
voidタイプは戻り値のない空虚なタイプですfunction print():void {
console.log("보이드는 생략이 가능!")
console.log("리턴값이 아무것도 없음!!")
return
}
Null
nullのnullタイプを返します.const name = null;
Undefined
未定義のタイプを返します.const name: undefined;
Never
予期せぬエラーが発生し、制御できない場合は、使用しません!
//エラーは絶対に回復できないタイプ!
無限と放出エラー(//したがってwhile(true))を返す場合にのみ使用できます.function throwError(message:string):never {
throw new Error(message)
}
こうして各タイプのスクリプトを簡単に学びました!
ネイバーは見慣れないタイプですが、他のタイプの人は開発を勉強している間に見たことがあるので、あまり異質感はありません.
今後,タイプスクリプトの応用能力を徐々に強化し,実際の操作に応用できる開発者となる.
がんばれ!
ありがとうございます.
Reference
この問題について(タイプスクリプトタイプスクリプトを最初に起動), 我々は、より多くの情報をここで見つけました
https://velog.io/@hoon_dev/TypeScript-타입스크립트-첫-시작
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
let num = 5
let num:number = 5;
let age: number | undefined;
age = undefined;
age = 1;
const boal:Boolean = true
const num:number = 5
const my_name:string = '훈훈'
const obj:{} = {name : "훈훈"}
const arr:(string | number)[]= ['신','승','훈',1,2]
const tuple: [string, number] = ['hello!!', 10000];
enum Family {Hoon,Yeon, Rae}
const family_me: Family = Family.Hoon;
const anything:any = '아무거나!!';
function print():void {
console.log("보이드는 생략이 가능!")
console.log("리턴값이 아무것도 없음!!")
return
}
const name = null;
const name: undefined;
function throwError(message:string):never {
throw new Error(message)
}
Reference
この問題について(タイプスクリプトタイプスクリプトを最初に起動), 我々は、より多くの情報をここで見つけました https://velog.io/@hoon_dev/TypeScript-타입스크립트-첫-시작テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol