看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;
*/