写给小白的 TypeScript 说明书 (中)

303 阅读3分钟

小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。

本文同时参与 「掘力星计划」  ,赢取创作大礼包,挑战创作激励金

静态类型

TypeScript 的定义功能是将它与 JavaScriptCoffeeScript 分开,它是静态类型,它允许声明变量类型。编译器确保为变量分配正确的值类型,并且如果省略类型声明,它甚至可以进行推断。

除了“数字”,“布尔”和“字符串”等几种原始类型之外,您还可以使用名为“any”的动态类型。“Any”类似于C#中的“dynamic”关键字,因为它允许您为变量分配任何类型的值。因此,TypeScript不会标记“任何”变量的类型错误。

变量在TypeScript中声明的方式与它们在JavaScript中的方式相同。您可以通过添加冒号和类型名称来声明类型

let  num:number = 45;

在上面的示例中,变量 num 已分配类型 Number

布尔型

最基本的数据类型就是简单的true/false值,在 JavaScriptTypeScript 里叫做 boolean(其它语言中也一样)

let isOk: boolean = true;

数字

JavaScript一样,TypeScript里的所有数字都是浮点数。 这些浮点数的类型是 number。 除了支持十进制和十六进制字面量,TypeScript还支持ECMAScript 2015中引入的二进制和八进制字面量

let num1: number = 233;
let num2: number = 0x10;
let num3: number = 0b10;
let num4: number = 0o10;

字符串

JavaScript程序的另一项基本操作是处理网页或服务器端的文本数据。 像其它语言里一样,我们使用 string表示文本数据类型。 和JavaScript一样,可以使用双引号( ")或单引号(’)表示字符串

let name:string = "Red Joy";
name = 'JoyRed';

你还可以使用模版字符串,它可以定义多行文本和内嵌表达式

let name: string = `Simith`;
let age: number = 22;
let sentence: string = `Hello, my name is ${ name }.
 
I'll be ${ age + 1 } years old next month.`;

这与下面定义sentence的方式效果相同

let sentence: string = "Hello, my name is " + name + ".\n\n" +
"I'll be " + (age + 1) + " years old next month.";

数组

TypeScriptJavaScript一样可以操作数组元素,有两种方式可以定义数组

//  方法一
let list: number[] = [1, 2, 3];
 
// 方法二
let list: Array<number> = [1, 2, 3];

元组

元组类型允许表示一个已知元素数量和类型的数组,各元素的类型不必相同。 比如,你可以定义一对值分别为 stringnumber类型的元组

let x: [string, number];
 
x = ['hello', 10];   // OK
x = [10, 'hello'];   // Error

点赞支持、手留余香、与有荣焉,动动你发财的小手哟,感谢各位大佬能留下您的足迹。

11.png

往期精彩推荐

前端常用的几种加密方法

canvas 爬坑路【方法篇】

不懂 seo 优化?一篇文章帮你了解如何去做 seo 优化

canvas 爬坑路【属性篇】

【实战篇】微信小程序开发指南和优化实践

聊一聊移动端适配

前端性能优化实战

聊聊让人头疼的正则表达式

获取文件blob流地址实现下载功能

Vue 虚拟 DOM 搞不懂?这篇文章帮你彻底搞定虚拟 DOM

Git 相关推荐

通俗易懂的 Git 入门

git 实现自动推送

面试相关推荐

前端万字面经——基础篇

前端万字面积——进阶篇

更多精彩详见:个人主页