Type Scriptベースタイプ宣言

14635 ワード

Type ScriptはJavaScriptのオーバーセットなので、それ自体はletとconstをサポートしています.これらの新しい宣言方法となぜvarの代わりにそれらを使うことを勧めたのかを詳しく説明します.
tsでは、変数を宣言するときに、そのタイプを同時に指定できます.フォーマット:
var name: string = 'Forrest';
  , 
name = 1;
   ,  name     string  
変数を変数の種類に指定します.
var name: any = 'Forrest';
なお、namestringタイプに指定されていても、tsにおいてデジタル1をコピーすることはできませんが、jsにコンパイルしたらエラーが発生しません.
関数のパラメータと戻り値もタイプを宣言できます.
function getAge(name:string) :number{
     
  return 18;
}
戻り値タイプがnumberであると宣言したが、return ‘18’であればエラーが発生し、戻り値タイプはvoidであってもよい.
カスタムタイプを宣言:
class Person {
     
  name: string;
  age: number;
}
 
var Forrest: Person = new Person();
変数宣言の方式

    

                var bool:boolean = true;

            
    

            
                var num:number = 123;
            
            
     

            
                var str:string = '123';
            
            
    

            
                var arr:Array<number> = [1,2,3];                   
                var arr0:Array<any> = ['str',2,true];
                var arr1:number[] = [1,2,3];var arr2:any[] = ['str',1,true];
            
            
    
  tuple         
            
                var arr:[number,boolean] = [1,true];        
            
            
    
 
            
                enum Err{
     
                    undefined=1,
                    null,
                    "str" = 2             //    null        ;
                }
                var e:Err = Err.null;
                console.log(e)//2
                var e1:Err = Err.undefined;
                console.log(e1)//1
                var e2:Err = Err.str;
                console.log(e2)//2
                //enum         ;       ;     、             1
            
            
    

            
                let an:any = 12;
            
            
    

            
                let an:any = 12;
            
            
undefined、null  

            
                let num:undefined ;
                let num1:undefined ;
                let num2:number | undefined;
                let num3:undefined = undefined;
                num2 = 1;
                // let num7:null;      ;    undefined;
                let num5:null = null;
                let num6:null | number | undefined;
                console.log(num,num1,num2,num3,num5,num6)//undefined undefined 1 undefined null undefined;
                num6 = null;
                console.log(num6);//null
                num6 = 55;
                console.log(num6);//55
            
            
void  

            voidvoid       
            
                function run():void{
     
                    console.log(123)
                };
                function main():number{
     
                    return 123;
                }
            
            
never  

            never       (        )    ;       
                var a:never ;
                a = function(){
     
                    throw new Error('err')
                }()