【第2編】Type Script基本タイプ詳細

4516 ワード

Type Script-基本タイプ
  • はプログラムに対して基本的なデータユニット、例えばnumbers、stregs、structures、bollanなどのデータ構造が必要です.
  • Type Scriptでは多くのあなたが望むJavaScriptに保有するデータタイプシステムをサポートしています.
  • 1つのbootleanタイプのデフォルト値はfalseであると宣言します.
    //1、    boolean      false
    // JavaScript TypeScript             true/false,  ’boolean’  。
    var isFlag:boolean=false;
    
    2、numberタイプの値を宣言する
    //2、    number   
    // JavaScript,TypeScript              ,    ‘number’。
    
    var orderNumber:number=100;
    
    3、一つのStringタイプを宣言する
    //3、    String  
    // webpages JavaScript                        。          ’string’         。
    //TypeScript JavaScript        (“)           
    var userName:string="   ";
    
    
    4、配列Aray
    // TypeScript  JavaScript           。                
    //     ,            ’[]‘:
    var list:number[] = [1, 2, 3];
    //     ,            :
    var list1:Array = [1, 2, 3];//    
    
    5、エニュメレーション
    //5、  Enum
    //TypeScript JavaScript                。
    //  c#   ,                  :
     
    enum Color {Red, Green, Blue};//enum        {    }
    var c1: Color = Color.Green;//                c   
     
    //---------          ---------------------
    //           0  ,                 。
    //               1:
    enum Color1 {Red = 1, Green = 2, Blue = 4};
    var c2: Color1 = Color1.Green;
     
    //---------           :---------------------
    enum Color2 {Red = 1, Green, Blue};
    var colorName: string = Color2[2];
     
    alert(colorName);
    
    6、any
  • 変数のタイプを説明する必要があります.私たちが作成したアプリケーションは知らないかもしれません.これらの値は、例えばユーザまたは第三者ライブラリから動的コンテンツから来ることができる.このような状況では、我々はタイプチェックを終了します.*コンパイルを通じて価値観をチェックします.
    //any’             JavaScript      。
    //     TypeScript         。
    //‘any’               ,                。
    //               
    var notSure: any = 4;//notSure        ,        4
    notSure = "this string";//      this string
    notSure = false; //         boolean .
    
    var list2:any[] = [1, true, "free"];
     
    list2[1] = 100;
    
    7、voidと‘any’
  • voidと「any」に対するデータの種類は、「Void」であり、データの種類がないことを表しています.私たちがよく使う方法の一つには、戻り値がありません.
  •  //                :
    //,   :function doMain:void{}
    function warnUser(): void {
        alert("This is my void");
    }
    
    jqueryとtypescriptを組み合わせて使用します.
    /****  reference path  jquery.d.ts    jquery$     .**/
     
    /// 
     
    /**
     * ts void,string  jquery   .
     *
     */
     
     
    /***  void ***/
     function setTableRowHtml1():void{
        var userName:string="";
        $("tr").each(function(){
             userName=$(this).find("td:eq(1)").html();
        });
        alert(userName);    
     }
     
    /***  string   ***/
     function setTableRowHtml2():string{
        var userName:string="";
        $("tr").each(function(){
             userName=$(this).find("td:eq(1)").html();
        });
        return userName;
     }
     
    $(function(){
        //setTableRowHtml1();
        
        var userName=setTableRowHtml2();
        alert(userName);    
    });
     
    /****  reference path  jquery.d.ts    jquery.d.ts    $,     .**/
    /// 
    
     
    //var colorList:Array=["red","blue","green","yellow"];//string  
    var colorList:Array=["red","blue","green","yellow"];//any     
     
    //---           /
    function testArray():void{
        
        $.each(colorList,function(key,val){
            console.log(key+"="+val);
        });
        
        $(colorList).each(function(key,val){
            console.log(key+"="+val);
        });
    }
     
     
    /***     ***/
     function setTableRowColor():void{
        $("tr").each(function(){
             //  tr     td          blue,      red
             $(this).find("td:eq(1)").css({ color: "red", background: "blue" });
        });
     }
     
     
     function setTableRowColor1():void{
       
         $("tr").each(function(){
            for(var i=0;i
    プロジェクトソースコード
    Type Script基本タイプ詳細
    1、ブログのすべての文章は本人が2014年に作成したもので、GItHubのソースコードは2014年と2015年に整理したものがあります.2013年にプロジェクトがType Scriptに接触したため、同時にKendoUI開発に接触した時Type Scriptの影があります.1年後に公式文書にAPI文書があることをじっくりと考えてみました. TypeScript を書きます.当初のダウンロード量は比較的高いです. Kotlin, TypeScript, Kotlin 、個人的な感覚で、その文法はアクションScriptと似ています.Swiftの書き方は似ています.だから、数年前に開発されていませんでしたが、その重要性のために、わざわざこの先端言語を整理するために、もう一度使います.