loading...
健康新知:科学饮食如何助力免疫力提升PPT模板,一键免费AI生成健康新知:科学饮食如何助力免疫力提升PPT 实习报告PPT模板,一键免费AI生成实习报告PPT 鹿晗关晓彤被曝分手???鹿晗微博取关引爆热搜???PPT模板,一键免费AI生成鹿晗关晓彤被曝分手???鹿晗微博取关引爆热搜???PPT 鹿晗关晓彤被曝分手???鹿晗微博取关引爆热搜???PPT模板,一键免费AI生成鹿晗关晓彤被曝分手???鹿晗微博取关引爆热搜???PPT
防止精神内耗
7940a10b-8a47-412d-b48b-cc4211e27663PPT
Hi,我是你的PPT智能设计师,我可以帮您免费生成PPT

typescript入门教程与实践PPT

简介TypeScript 是 JavaScript 的一个超集,它添加了静态类型系统以及其他一些功能,使得开发大型复杂应用变得更加容易。本教程将引导你从基...
简介TypeScript 是 JavaScript 的一个超集,它添加了静态类型系统以及其他一些功能,使得开发大型复杂应用变得更加容易。本教程将引导你从基础知识开始学习 TypeScript,包括安装、基础类型、接口、枚举、模块和其他的核心特性。第一章:安装 TypeScript首先,你需要安装 TypeScript。你可以使用 npm(Node.js 包管理器)来安装。打开终端,然后输入以下命令:这将全局安装 TypeScript。安装完成后,你可以通过在终端输入 tsc -v 来检查 TypeScript 是否已正确安装,以及查看其版本。第二章:编写你的第一个 TypeScript 程序创建一个新的文件,比如 hello.ts,然后输入以下内容:这个程序定义了一个名为 sayHello 的函数,该函数接受一个字符串参数 name,然后返回一个字符串,该字符串包含 "Hello, " 和 name 的值。然后,程序调用这个函数并打印结果到控制台。保存文件后,使用 TypeScript 编译器(tsc)将 TypeScript 文件编译成 JavaScript 文件。在终端中输入以下命令:这将生成一个名为 hello.js 的 JavaScript 文件。你可以使用任何 JavaScript 运行环境来运行这个文件。如果你使用的是 Node.js,你可以通过以下命令来运行生成的 JavaScript 文件:这将在控制台中打印出 "Hello, TypeScript!"。第三章:理解 TypeScript 的基础类型TypeScript 有几种内建的基础类型,包括::用于所有的数字包括整数和浮点数:用于文本数据:有两个值或和用于表示缺失或未定义的值:表示任何类型的值:表示没有返回值:枚举类型用于创建一组命名的数字常量:用于声明只读的常量:表示永远不会出现的值的类型:所有非原始类型的值的类型:表示唯一的、不可变的数据类型通常用于对象的唯一标识符:表示固定数量的元素用于表示不定长的数据结构:用于为复杂的数据结构定义别名例如,你可以使用 type-alias 来创建一个复杂的对象类型别名。例如::表示多个类型的交集用于表示一个值同时拥有多个类型。例如:type PersonAndStudent = Person & { studentId: number }; 这表示 PersonAndStudent 类型的人既要有人的名字和年龄属性,也要有学生的学号属性。注意这里 Person 和 { studentId: number } 的交集意味着名字和年龄属性必须是存在的,而学号属性可以不存在。如果尝试定义一个 PersonAndStudent 类型的对象而没有名字和年龄属性,TypeScript 会报错:表示多个类型的并集用于表示一个值是其中的任意一种类型。例如:type StringOrNumber = string | number; 这表示 StringOrNumber 类型的值可以是字符串或者数字。注意这里 String 和 Number 是并集关系,表示一个 StringOrNumber 类型的变量既可以保存字符串类型的值也可以保存数字类型的值,但同一时间只能是一种类型。如果尝试同时赋予一个 StringOrNumber 类型的变量字符串和数字值,TypeScript 会报错和这是两个相对较新的类型,用于处理交集和并集中的“不完整”情况。"不完整"意味着如果一个变量具有多个可能的类型(交集或并集),那么它必须被明确地检查以确认其实际类型。如果不这样做,TypeScript 将发出警告或错误。例如:type PersonOrStudent = Person | Student; 如果有一个 PersonOrStudent 类型的变量 x,那么 TypeScript 会期望你明确检查 x 的类型,如 if (typeof x === 'object') { ... } ,