ts声明各种变量类型

Posted on 2020-10-26 01:10  猫头唔食鱼  阅读(7285)  评论(0编辑  收藏  举报

1.基本类型

// 基本类型
let a:number = 3
let b:string = '3'
let c:undefined = undefined
let d:null = null
let e:number = NaN
let f:boolean = true 

2.声明方法

方式一:

function add(a:number,b:number):number {
    return a + b
}
console.log(add(1,2));

方式二:

let add2 = function(a:number,b:number):number {
    return a+b 
}
console.log(add2(1,2));

方式三:箭头函数

let add3 = (a:number,b:number):number =>{
    return a + b
}
console.log(add3(1,2));

3.声明对象

// 声明对象
let obj:{name:string,age:number} = {name:'zs',age:12}

4.声明日期类型变量

// 声明日期类型变量
let date:Date = new Date
console.log(date.getDay());

5.声明一个json类型变量

// 声明一个json类型
interface Person {name:string,age:number}
const rawData:string= '{"name":"zs"}'
let json:Person = JSON.parse(rawData)

6.声明一个不确定类型的变量

// 多种类型的变量
let temp:(number| string) = 123
temp = '123'

7.声明Class

// 声明Class
  class Test {
      // 在construct之前声明参数的类型
    pname: string
    age: number
    say():string{
        return `hello,我叫${this.pname},今年${this.age}`
    }
    constructor(pname:string,age:number) {
        this.pname = pname
        this.age = age 

    }
}

let test:Test = new Test('zs',12)
console.log(test.say());