美文网首页
ts数据类型#1

ts数据类型#1

作者: IamaStupid | 来源:发表于2019-12-19 12:02 被阅读0次
1. 布尔类型

let isDone:boolean = false;

2. 数字类型

let i:number = 1.1

3.字符串

let str:string = 'abc'

4. null undefined

let u: undefined = undefined;
let n: null = null;
console.log('null undefined u == undefined, n == null:', u == undefined, n == null)
console.log('null undefined u === undefined, n === null:', u === undefined, n === null)
和js一样,返回的都是true
typescript中的五种数据类型和JavaScript这五中基本数据基本上是一样的,除了定义稍微有区别。
这五种类型在JavaScript中称为原始数据类型,还有一个es6中symbol。

5.数组Array 和 元组tuple

javascript中,定义一个数组可以直接这样定义:

let arr = ['ab', 123, {a: 123}]; 
let arr2 = arr;
arr.push(99);
console.log(arr[0], arr[6]); // 'ab' undefined
console.log(arr2[3], typeof arr2, Array.isArray(arr2)); // 99 'object' true

而在typescript中,定义数组有两种方法,但是都需要限制每一项的值的类型

let nums: number[] = [1,2,4,5]
let numList:Array<string> = ['abc', 'ab234']
let nums2 = nums;

nums2[3] = 333;
nums2.push(999)

console.log(`nums: ${nums}.`) // nums: 1,2,4,333,999.

如果数组有多种类型的值,就需要用元组。
元组的定义方式:

let x: [string, number] = ['abc', 123]

在 2.6 版本之前,TypeScript 对于元组长度的校验和 2.6 之后的版本有所不同。
在 2.6 及之前版本中,超出规定个数的元素称作越界元素,但是只要越界元素的类型是定义的类型中的一种即可。
比如:
let x: [string, number];
x = ['hello', 10]; // OK
x[3] = 'world'; // OK, 字符串可以赋值给(string | number)类型
我们定义的类型有两种:string 和 number,越界的元素是 string 类型,属于联合类型,所以没问题。
在 2.6 之后的版本,去掉了这个越界元素是联合类型的子类型即可的条件,要求元组赋值必须类型和个数都对应。
x[3] = 'world'; // error

那么如果需要像JavaScript那样,定义不同类型,不限数量的数组怎么办呢?
有个any类型

let y:any[] = [1, 'abc',{a: "123"}]
y.push({aab: "123"}) // ok

相关文章

  • TypeScript02--基础数据类型与接口

    基础数据类型: 1.ts的基础数据类型: ts相比js新增的数据类型:元组,any,void,neve...

  • Typescript - 基础(二)

    TS 的基本类型和枚举类型 1、TS 的数据类型和 ES6 的数据类型 共有数据类型: Boolean Numbe...

  • ts数据类型#1

    1. 布尔类型 let isDone:boolean = false; 2. 数字类型 let i:number ...

  • TypeScript基本数据类型

    在TS中可以写成以上形式,但不标准。TS内明确控制数据类型。正确写法如下:

  • ts -- 1.数据类型

    布尔类型 数组类型(三种表达方式) 字符串类型 数字类型 元组类型(定义数组类型的方式,泛指一个类型) 枚举类型(...

  • 数据类型

    typescript 命令 ​ tsc --init 生成配置文件 ts的基础数据类型 特殊数据类型 数组 ...

  • 【ts基础】TypeScript中的数据与定义

    ts中的数据类型: 1.js有的类型 boolean类型、number类型、string类型、array类型、un...

  • typescript学习笔记(一)

    1.ts介绍微软开发的开源编程语言,是js的超集。2.安装 3.运行 4.ts中的数据类型 布尔类型,数字类型,字...

  • TypeScript基础知识

    命令 查看版本:tsc -v 运行ts文件:tsc xx.ts 数据类型 接口Interface 类和接口 泛型基...

  • TS的数据类型与高级类型相关

    TS中常见的数据类型 JS里面有七种数据类型。Number,String,Boolean, Null, Undef...

网友评论

      本文标题:ts数据类型#1

      本文链接:https://www.haomeiwen.com/subject/zvwgdctx.html