【TS基础】布尔类型、数字类型、字符串类型、数组类型

布尔类型、数字类型、字符串类型、数组类型、元组类型

先看文件目录

在这里插入图片描述

布尔类型(boolean)true false

index.ts
在这里插入图片描述
只能是赋值 true/false,如果赋值其他值则会报错

flag = 'str' // 错误写法

在这里插入图片描述
这样写法也可以

flag = false

数字类型(number)

index.ts

// 数字类型(number)

let a:number = 123
console.log(a)

a=12.3 // ts 对浮点型和整型数字没有区分 
console.log(a)

在这里插入图片描述
当a为其他值时报错
在这里插入图片描述
在这里插入图片描述

字符串类型(string)

index.ts

// 字符串类型(string)

var str:string = 'this is ts'

str = '你好ts'
console.log(str)

在这里插入图片描述
错误写法
在这里插入图片描述
在这里插入图片描述
在 ts 中用 let 等 es6语法 都会自动转为 es5语法

index.ts
在这里插入图片描述
编译后 index.js
在这里插入图片描述
建议使用es6语法!!

数组类型(array)ts中定义数组有两种方式

es5 中定义数组写法

var arr = [1, '2223', false, 'str']

第一种方式:定义好类型,右边值只能放定义好的类型的值

// 1.第一种定义数组的方式
      let arr:number[] = [1,2,3,4,5]
      console.log(arr)

      let arr:string[] = ["js","ts","go"]
      console.log(arr)

在这里插入图片描述
在这里插入图片描述
如果定义了类型,放入不同的值,会报错!!
在这里插入图片描述
在这里插入图片描述
第二种方式:泛型

扫描二维码关注公众号,回复: 11822718 查看本文章
    let arr:Array<number> = [11,22,33]
    console.log(arr)

    let arr: Array<string> = ["js","ts","node.js"]
    console.log(arr)

在这里插入图片描述
在这里插入图片描述
固定了类型,右边放其他类型也会报错!!

猜你喜欢

转载自blog.csdn.net/weixin_43352901/article/details/108687232