Ts 数据类型

内容目录

数据类型

在 TypeScript 中,我们可以使用 numberstringbooleannullundefined数组元组枚举anyvoidneverobjectsymbolbigint 来定义数据类型。

基础类型

let isDone: boolean = true;

let age: number = 21;
let brinaryNumber: number = 0b1010;

let student: string = `sw`;
let intro: string = `hello, ${student}, age is ${age}`;

let un: undefined = undefined;
let nu: null = null;

any 类型

any 类型, 可以任意调用方法和属性,在明确类型的情况下尽量不要使用,以免引入不必要的错误。

let input: any = 12;
input = `string`;
input = true;

联合类型

联合类型可以使用 | 来表示多个类型。

let numberOrString: number | string = 123;
numberOrString = `string`;

数组

let arrOfNumbers: number[] = [1, 2, 3, 4];
arrOfNumbers.push(5);

元组

元组是固定长度的数组, 元组中每个元素的类型可以不同。

let user: [string, number] = [`sw`, 231];

这里只对一些相对基础的类型进行了介绍, 以便于后续的学习。

相关笔记

css小tips

属性 box-sizing: border-box;:这个属性可以让我们设置的盒子宽高包括内边距和边框。 overflow: hidden;:这个属性可以让我们设置的盒子超出部分隐藏。可以解决嵌套块级元素时发生的塌陷现象。

阅读全文

css三大特性

css 继承 css 继承是指子元素会继承父元素的样式。 Info 父元素的有关的文字属性会被继承,而非文字属性则不会被继承。 例如,父元素的字体颜色、字体大小、行高等属性会被子元素继承,而父元素的背景颜色、边框样式等属性则不会被子元素继承。

阅读全文

css选择器

css 标签选择器 css 标签选择器用来选中 html 中的标签,比如 h1、p、div 等等。 h1 { color: red; } css 类选择器 css 类选择器用来选中 html 中的类,比如 .title、.content 等等。 .title { color: red; }

阅读全文