typescript 01 认识ts和ts的类型
2019-03-11 23:13 WEB前端小菜鸟 阅读(3618) 评论(0) 编辑 收藏 举报
看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 然后就可以自动生成代码了
就生成了（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;
*/
