TypeScript基础
ts相关
Just_do_do_IT
IT
展开
-
8. TypeScript 的Web 开发
8.1 概述Web 开发涵盖以下内容:HTML、CSS、JavaScript (HTML、CSS不是本课程的重点,仅简单讲解)。三者之间的关系:(结构)HTML 负责创建页面结构。(样式)CSS 负责美化页面结构(相当于化妆)。(行为)JavaScript 负责让页面“动”起来,解锁更多动效。8.1.1 Web 开发基础(1)HTMLHTML(Hyper Text Markup Language,即:超文本标记语言)负责创建页面结构。创建第一个 HTML 步骤:创建 a.html原创 2020-12-14 10:56:24 · 487 阅读 · 1 评论 -
7. TypeScript 对象及接口
7.1 对象概述生活中,对象是一个具体的事物,比如:你的电脑、你的手机、古力娜扎、周杰伦(周董)等都是对象。程序员都知道:万物皆对象。这些具体的事物,都有自己的特征和行为:特征:你的电脑:尺寸、重量、价格等你的手机:品牌、屏幕大小、颜色等古力娜扎:年龄、身高、三围等行为:你的电脑:浏览网页、写代码等你的手机:播放视频、吃鸡等古力娜扎:演电影、配音等TypeScript 中的对象,是对生活中具体事物的抽象,使得我们可以通过代码来描述具体的事物。TS 中的对象,也是由特征原创 2020-12-14 10:11:18 · 200 阅读 · 0 评论 -
6. TypeScript 函数基础
6.1 概述所谓函数,就是声明一次但却可以调用任意多次的一段代码。意义:实现代码复用,提升开发效率。封装:将一段代码包装起来,隐藏细节。例如:function getSum(nums: number[]) { let sum: number = 0 for (let i: number = 0; i < nums.length; i++) { sum += nums[i] } console.log(sum)}getSum(nums1) // 计算nums1中所有元素的和原创 2020-12-14 09:41:10 · 99 阅读 · 0 评论 -
5. TypeScript 数组
5.1 概述存储多个数据时,声明多个变量就太繁琐了。数组,是用于存放多个数据的集合。有数组:只需要使用一个数组([]),就可以存储任意多个数据。如下:let name1: string = 'AA'let name2: string = 'BB'let name3: string = 'CC'//使用数组let names: string[] = ['AA', 'BB', 'CC']注意:数组中,通常是相同类型的数据。5.2 创建数组创建数组有两种语法形式。语法一(推荐):原创 2020-12-14 09:17:25 · 3038 阅读 · 0 评论 -
4. TypeScript 语句
4.1 条件语句条件语句:根据判断条件的结果(真或假),来执行不同的代码,从而实现不同功能。条件执行时,首先判断条件是否满足。如果 条件满足,就做某件事情(情况1)如果 条件不满足,就做另外一件事情(情况2)条件语句,也叫分支语句,不同的情况就是不同的分支。4.1.1 if 语句在 TypeScript 中 if 语句就是实现条件判断的。if 语句的语法:if (判断条件) { 条件满足时,要做的事情}解释:判断条件:布尔类型(true 或 false)。如果原创 2020-12-14 08:31:51 · 267 阅读 · 0 评论 -
3. TypeScript 运算符
3.1 运算符概述运算符也称为操作符,用来实现赋值(=)、算术运算、比较等功能的符号。常用的运算符:算术运算符赋值运算符递增/递减运算符比较运算符逻辑运算符3.1.1 概述算术运算符包含:加(+)、减(-)、乘(*)、除(/)。算术运算符:进行算术运算时使用的符号,用于两个数值之间的计算。// 加console.log(1 + 2) // 3// 减console.log(2 - 1) // 1// 乘console.log(2 * 3) // 6// 除cons原创 2020-12-10 15:30:47 · 605 阅读 · 0 评论 -
2. TypeScript 变量和数据类型
2.1 什么是变量通俗的讲:变量,是用来存储数据的容器,并且是可以变化的。保温杯里泡枸杞枸杞难挡岁月催,杯里再换点当归:枸杞 -> 当归。2.2 变量的使用2.2.1 基本使用变量的使用分为两步:1 声明变量并指定类型 2 给变量赋值。第一步:声明变量并指定类型let age: number;解释:let 是 TS 的关键字,用来声明变量。age 是程序员自己定义的变量名称。: number 用来指定变量 age 为数值类型。注意:分号是可选的,可省略第二步:原创 2020-12-10 15:07:49 · 190 阅读 · 0 评论 -
1. TypeScript 简介
1.1 TypeScript 是什么TypeScript(简称:TS)是 JavaScript 的超集(JS 有的 TS 都有)。TypeScript = Type + JavaScript(为 JS 添加了类型系统)。TypeScript 是微软开发的开源编程语言,设计目标是开发大型应用。可以在任何浏览器、任何计机、任何操作系统上运行。1.2 TypeScript 相比 JS 的优势JS 的类型系统存在“先天缺陷” ,绝大部分错误都是类型错误( Uncaught TypeError )。优原创 2020-12-10 14:39:09 · 182 阅读 · 0 评论