ts是js的超级,ts是强类语言

安装npm i -g typescript  或  cnpm i -g typescript(cnpm要安装淘宝镜像原)

或者安装yarn (cnpm i   -g  yarn)

如果电脑上没有淘宝镜像,要安装淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

tsc  -v  查看版本有没有安装成功

ts是从js进行衍生过来
// 把ts的代码编译成es5的代码
ts开发工具vscode自动编译.ts文件

创建一个时实监听代码的文件

创建tsconfig.json 文件tsc --lint 生成配置文件

在那个tsconfig.json 文件中,修改"outDir": “./js”

改完之后是

tsc  watch -tsconfig.json
2.ts中的数据类型

ts中为了使用编写的代码更规范，更有利于维护,增加了类型校验,

布尔类型  （boolean）

数字类型   （number）

字符串类型（string）

数组类型    （array）

元组类型     （tuple）

枚举类型      （enum）

任意类型      （any）

null和undefined

void 类型

never类型
//定义没有赋值就是undefined

var num：number|undefined;  //申请两中类型

num=123
一个元素可能是number类型,可能是null 可能是undefined

var num:number | null | undefined  对个类型
void 类型  一个类型没有返回任何类型

// 表示方法没有返回任何类型

错误的写法

/*

function run():undefined{

console.log(‘run’)

}

run();

*/
返回的是number类型

function run2():number{

return 123

}

run2()
// never类型：其它类型（包括null和undefined）的子类型,代表不会出现的值

// 这意味着声明never的变量只能被never类型所赋值

var a:undefined

a=undefined
var a:null

a=null
var a:never;

//   a=123  错误

a=(()=>{

throw new Error(‘错误’)

})()
定义数组的方式

// 第一种方式数组的方式

var arr1:number[]=[11,22,33]

console.log(arr1)
// 第二种方式数组的方式

var  arr2:Array=[11,22,33]

console.log(arr2)

// 第三种方式数组的方式

var arr3:any[]=[‘122233’,22,true];

console.log(arr3)
// 元数组类型(tuple) 属于数组的一种

var arr:[number,string]=[123,‘this is ts’]

console.log(arr)

1、循环
//（1）for in 测试也可以用break退出循环
var myArray=[1,2,3,4];
myArray.desc="my Arraay";
for(var n in myArray)
{
	console.log(n);//打印结果是键
	console.log(myArray[n]);//结果是对应键得值
}
//（2）forEach,没有办法中断循环,且会忽略属性desc
myArray.forEach(value => console.log(value);
//(3)for of 可以用break中途退出，可以将string字符单个拿出来
for(var n of myArray)
{
	if(n>2)break;
	console.log(n);//打印结果是键
}

2、类，继承，接口实现
interface IPerson
{
    sex:string;
    Seelp():void;
}
interface IStudent
{
    Study():void;
}
class Person implements IPerson
{
	constructor(public name:string,public sex)//这里相当于创建了name字段，第二需要实现接口属性
	{
        console.log( "调用了自定义构造函数");
    }
    Eat() 
    {
        console.log(this.name+"吃了饭");//所以这里可以调用name属性
    }
    Seelp():void//实现接口
    {
        console.log("人需要睡觉");
    }
}

export default class Student extends Person implements IStudent//extends继承，implements实现可用","分割实现多个
{
    public age:number;//默认为public，C#默认private
    constructor(name:string,sex:string,age:number)
    {
        super(name,sex);
        this.age=age;
    }
    LookBook()
    {
        this.Eat();
        console.log("看第一次书");
        super.Eat();//这两种方法均可调用非私有方法
        console.log("看第二次书");
    }
    Study():void
    {
        console.log("学生需要学习")
    }
}

var ming:Student=new Student("XiaoMing","gg",15);
ming.LookBook();

var stus:Array<Student>;
stus[0]=new Student("xiaoHong","gg",14);
stus[1]=new Student("xiaoGang","mm",16)

3、模块（理解为单独每个不同得新脚本）

export导出，import导出
//上面学生类标记可以导出，假设他们再同名文件夹下
import Student from "./wq";//就将学生类导入该模块
//import { Student } from "./wq";//如果学生类没有加上default，就需要加个大括号

var stus=new Student("XG","GG",13);//即可调用不同模块得内容

4、./和…/以及/之间的区别？

（1）./是当前目录

（2）…/是父级目录

（3）/是根目录

5、类型定义文件（暂时没看）

对象参数设置可无
path?: EmergencyDataSourceConfigPath[]

TypeScript总结
ts简介
ts基础

ts简介

什么是ts：ts是js的超集
特点：提供类型系统和es6的支持
优点：

增加代码的可读性和可维护性

类型系统是最好的文档
在编译阶段就发现错误，比运行时发现错误好
增加了编辑器和ide的功能，代码不全、接口提示、跳转到定义、重构


包容性

.js文件可重命名为.ts文件
不显式的定义类型，也能自动作出类型推论
可定义一切类型
即使typescript编译报错，也可生成js文件

兼容第三方库，即使第三方库不是用ts写的，也可编写单独的类型文件供ts读取




缺点：集成到构建流程需要工作量，可能和一些库结合的不是很完美
安装：npm i -g typescript  执行tsc ts文件来编译会生成js文件或者ide支持

ts基础


定义类型

ts中，使用:指定变量的类型，:的前后有没有空格都可以

定义：let isDone:boolean = false


检查

ts只会进行静态检查，如果发现有错误，编译的时候就会报错


数据类型


原始数据类型

构造函数Boolean、String、Number创建的对象是对象，不是基本类型

注意：undefined和null是所有类型的子类型，undefined和null类型的变量可以赋值给其他类型的变量
let num:number = undefined;//正确
let u:void;
let num:number  = u;//错误



void

js没有空值的概念，在ts中，可用void表示没有任何返回值的函数
function alertName():void{
  alert("name");
}

用void声明变量的时候，只能赋值为undefined和null
let name:void = undefined;



any任意值

用来表示允许赋值为任意类型

普通类型，在赋值过程中改变类型是不被允许的

任意值的属性和方法:

在任意值上访问任何属性和方法都是允许的
声明一个变量为任意值后，对它的操作，返回的内容的类型都是任意值

变量在声明的时候，未指定其类型，那么他会被识别为任意值类型




类型推论

ts会在没有明确的指定类型的时候推出一个类型，这就是类型推论
let name = "";
name = 3;//错误



联合类型

联合类型：取值可以为多种类型种的一种

联合类型使用|分隔每个类型
let favoriteNumber:string|number;
favoriteNumber = 'one';
favoriteNumber = 1;//正确

访问联合类型的属性或方法:只能访问此类型的所有类型里共有的属性或方法


类型断言

用来手动指定一个值的类型
语法

<类型>值
值 as 类型：react中的jsx语法的ts版必须是用这种
例子1：获取something.length会报错
function getLength(something:string|number):number{
      if(something.length){
            return something.length;
      }
}


例子2：类型断言，将something断言成string
function getLength(something:string|number):number{
      if(<string>something.length){
            return (<string>something).length;
      }
}




类型断言的用法如上，在需要断言的变量前加上 即可

类型断言不是类型转换，断言成一个联合类型中不存在的类型是不允许的





声明文件

declare var 声明全局变量
declare function 声明全局方法
declare class 声明全局类
declare enum 声明全局枚举类型
declare namespace 声明（含有子属性的）全局对象
interface 和 type 声明全局类型
export 导出变量
export namespace 导出（含有子属性的）对象
export default ES6 默认导出
export = commonjs 导出模块
export as namespace UMD 库声明全局变量
declare global 扩展全局变量
declare module 扩展模块
///  三斜线指令