typescript 01 认识ts和ts的类型

看ITYING ts专辑(前三集总结)

TypeScript 是 Javascript 的超级,遵循最新的 ES6、Es5 规范。TypeScript 扩展了 JavaScript 的语法。
TypeScript 更像后端 java、C#这样的面向对象语言可以让 js 开发大型企业项目,一张图概括

npm install -g typescript

先全局安装一下,在vscode配置,找到新建ts的目录下,创建 tsconfig.json 文件(当前目录执行 tsc --init 生成配置文件) 

找到vscode 的Tmeinal--->Run Task-->点击 tsc:监视-tsconfig.json 然后就可以自动生成代码

扫描二维码关注公众号,回复: 5497474 查看本文章

就生成了(outDir就相当于webpack的指定输出文件的位置)

搞定了。

*********************************************************************************ts的类型******************************************************************************************

布尔类型(boolean)
数字类型(number)
字符串类型(string)
数组类型(array)
元组类型(tuple)
枚举类型(enum)
 
任意类型(any)
null 和 undefined
void类型
never类型
一一介绍,别急,说白了就是定义变量的时候要指定类型,赋予的值也必须同等类型,不然编译ts文件报错,(页面上依然能展示出来)
自己定义一个ts自己试一下就搞定
var flag:boolean=false 

var num:number=123

var str:string='this is ts';
// 数组类型(array)  ts中定义数组有两种方式
 // 1.第一种定义数组的方式

 var arr:number[]=[11,22,33];

 console.log(arr);
 //2.第二种定义数组的方式

 var arr2:Array<number>=[11,22,33];

 console.log(arr2)
  //3、第三种

  var arr3:any[]=['131214',22,true];

  console.log(arr3);


  // 元组类型(tuple)  属于数组的一种
  let arr001:[number,string]=[123,'this is ts'];

  console.log(arr);

//   枚举类型(enum)

/*语法,就是后台经常用的那个状态码 1表示啥 2表示是啥(举个栗子)
    enum 枚举名{ 
        标识符[=整型常数], 
        标识符[=整型常数], 
        ... 
        标识符[=整型常数], 
    } ;  
    */

    
   enum Flag {
       success=1,
       error=2};

   let s:Flag=Flag.success;
   console.log(s);

// 任意类型(any)这尼玛就相当于  无敌的存在

    var num001:any=123;

    num001='str';

    num001=true;
// null 和 undefined  其他(never类型)数据类型的子类型// 
var num002:undefined;

var num003:number | undefined;


num003=123;

console.log(num003);//123如果没有复制就是undefined

// void类型 :typescript中的void表示没有任何类型,一般用于定义方法的时候方法没有返回值。
function run():void{

    console.log('run')
}

run();
    /*
       function run():number{

           return 123;//有返回值也可以就得定义number
        }

        run();
       */

 // never类型:是其他类型 (包括 null 和 undefined)的子类型,代表从不会出现的值。

//这意味着声明never的变量只能被never类型所赋值。这个一般用的不多
  /*
   
    var a:undefined;

    a=undefined;



    var b:null;

    b=null;


   */

  

猜你喜欢

转载自www.cnblogs.com/myfirstboke/p/10513942.html