Typescript--1节

ゝ一纸荒年。 2021-07-24 13:33 356阅读 0赞

# Typescript–1节 #

## 为何选择Typescript ##

1.  Typecscript增加代码的可读性和可维护性
2.  Typescript非常包容
3.  Typescript拥有活跃的社区

## 安装使用Typescript ##

全局命令安装 cnpm install -g typescript  
编译文件 tsc hellow.ts  
约定文件以.ts为后缀，编写react时，以tsx为后缀  
主流IDE都支持TS，包括代码补全、接口提示、定义跳转、重构

## 代码实例 ##

hello.ts:

console.log("hellow word");
    var a:string="1";

编译后的hello.js

console.log("hellow word");
    var a = "1";

## Typescript原始数据类型 ##

**string,number,boolean,null,underfinde,enum(枚举),symbol(符号)**  
空值一般采用void来表示，void可以表示变量，也可以表示函数返回值  
代码实例：  
编译前

var str:string="hello";
    var num:number=1;
    var flag:boolean=true;
    var nul:null=null;  
    var callback=function():void{
        //函数里不能写return  
        let a:number=222;
        console.log(a);
    }

编译后

var str = "hello";
    var num = 1;
    var flag = true;
    var nul = null;
    var callback = function () {
        //函数里不能写return  
        var a = 222;
        console.log(a);
    };

## Typescript中的任意值 ##

*  任意值(Any)用来表示允许赋值为任意类型
 *  声明一个变量为任意值后，对它的任何操作，返回的内容的类型都是任意值。
 *  变量如果在声明的时候，未指定其类型，那么它会被识别为任意值类型。  
    代码实例:  
    编译前

var num2:any=1;
    num2=true;
    num2="2";
    var num3;//没有赋值操作，就会被默认为任意值类型，等价于var num3:any;
    num3=1;
    num3="2";
    num3=true;

编译后

var num2 = 1;
    num2 = true;
    num2 = "2";
    var num3; //没有赋值操作，就会被默认为任意值类型，等价于var num3:any;
    num3 = 1;
    num3 = "2";
    num3 = true;

## Typescript中的类型推论 ##

*  Typescript会依照类型推论的规则推断出一个类型
 *  如果定义的时候没有赋值，不管之后有没有赋值，都会被推断成any类型儿完全不被类型检查  
    代码实例：  
    编译前

var b=1;//给变量赋值初始值的时候，如果没有指定类型，根据初始值倒推类型
    // b="2";
    
    
    var c;//没有给b赋初始值，就是any，等价于var c:any
    c=1;
    c=true;

编译后

var b = 1; //给变量赋值初始值的时候，如果没有指定类型，根据初始值倒推类型
    // b="2";
    var c; //没有给b赋初始值，就是any，等价于var c:any
    c = 1;
    c = true;