TypeScript静态类型

静态数据类型

Static Typing

什么是静态数据类型？

是JavaScript的超集，是静态类型，一旦定义成某类型，将无法改变

let count:number = 1;

// count = "jspan";  //报错

count = 2; // 正常

如上代码会发现我们定义了一个基础数据类型 当我们定义了一个Numberl类型后在更改其为字符串后发现会直接报错这样ts的优势就体现出来了

• 1.开发过程重，编写代码的时候快速发现潜在问题
• 2.更好的代码提示
• 3.通过静态类型的定义可以更好阅读代码

自定义静态类型

//自定义静态类型

interface Xiaojiejie{
    
    
    uname:string,
    age:number
}

const xiaohong:Xiaojiejie = {
    
    
    uname:"小红",
    age:18
}

console.log(xiaohong.age);

静态类型的深层次理解：
静态类型，代表其类型，方法和属性已经确定了，代码提示也会很友好

基础静态类型和对象静态类型

基础类型 null underfined symbol ,boolean,void number string

const count:number = 11.11;
const myName:string = "Riven";
//null,undefinde,boolean,void,symbol

对象类型 {} , class，function , [ ]

普通对象类型 数组对象类型 类对象类型 函数对象类型

//基本对象类型
const xiaojiejie:{
    
    
    name:string,
    age:number
}={
    
    
    name:"大脚",
    age:18
}

// 数组对象类型
// 定义了 xiaojiejies这个对象是个数组  数组里面的值必须是字符串
const xiaojiejies:string [] = ['谢大脚','刘英','翠花'];



//创建了一个person类  定义person属于person类的对象  类型式的对象类型
class person{
    
    }
const dajiao:person = new person();


// 函数形式的对象类型
//定义了一个daxiaojiejie  是一个函数 函数返回值必须是字符串类型

const daxiaojiejie:() =>string  =()=>{
    
    
    return "大脚"
}
// 普通对象类型  数组对象类型  类对象类型 函数对象类型