Typescript学习（一）：基本类型

已于 2023-04-13 17:32:29 修改
阅读量192 收藏
点赞数
分类专栏： TypeScript 文章标签： typescript 前端 Powered by 金山文档
于 2023-03-13 17:59:21 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_51196135/article/details/129500862
版权

1、TypeScript是什么？

  1. 以JavaScript为基础构建的语言；

  1. 一个JavaScript的超集；

  1. 可以在任何支持JavaScript的平台中执行；

  1. TypeScript扩展了JavaScript，并添加了类型；

  1. TS不能被JS解析器直接执行；

  1. JS不易维护，TS解决了此缺点，易于维护；

  1. TS最终还是编译，转换成JS执行-需要安装编译器进行转换。

2、TypeScript增加了什么？

  1. 类型

  1. 添加ES不具备的新特性

  1. 支持ES的新特性（装饰器）

  1. 丰富的配置选项（可将TS编译为任意版本的JS--即解决了不同浏览器的兼容问题）

  1. 强大的开发工具

3、TypeScript开发环境搭建

安装TS解析器需安装node--因为是用node.js写的！

4、基本类型

对象object：

数组array：

两种写法： 类型[ ] Array<类型>

元组：就是固定长度的数组

enum：枚举

&：同时

类型的别名

小只笨笨狗～
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
typescript学习(一)——介绍和基本类型
weixin_42597880的博客
01-20 210
介绍 是微软开发的开源编程语言 是javascript的超集，遵循最新的es6、es5规范，且ts扩展了js语法 更像后端java、c#这样的面向对象语言，可以让js开发大型企业项目 vue、react、nestjs、midway用可以用ts语法 数据类型 布尔: var flag:boolean = true 数字（number） 字符串（string） 数组（array） // 1. 定义数组方式一 let arr:number[] = [1, 2, 3] // 2.定义数组方式二 let a
TypeScript学习笔记（类型篇一）
name_lsc的博客
02-09 476
PS: 主要会以问题的模式记录 1. 在 ts 中，如果不显式注解类型，由 TypeScript 自行推导，为什么 const 声明的原始类型的变量会被推导为 值类型？ 先看一个例子: const str = "demo" // TypeScript 类型推导的结果为 "demo", 而不是 string 对于初次接触 ts 自动类型推导的人来说，可能有点不理解为什么上面这个例子的类型为 demo 而不是string。这个问题可以从 const 这个声明关键字去理解，const 是 ES6 新增的一个关键
typescript学习指南：基本数据类型篇
m0_62209297的博客
07-13 300
不要学习TypeScript, 因为它的学习成本很低 不要学习TypeScript, 因为它能减少团队无效沟通 不要学习TypeScript, 因为它能让你的代码更健壮 不要学习TypeScript, 因为它能帮助你快速掌握其它后端语言 不要学习TypeScript, 因为你会迷恋它...
TypeScript学习笔记二：基本类型
九段刀客的博客
02-21 287
1、任意类型：any 声明为 any 的变量可以赋予任意类型的值。 let test: any = null; 2、数字类型：number 二进制、八进制、十进制、十六进制数 let test: number = 6666; 3、字符串：string 单引号或双引号或反引号(`)来表示 let test: string = "Hello World"; 4、布尔类型：boolean let ...
探索 TypeScript 技术世界：全面学习指南
热门推荐
聚焦于深度解析最新的编程语言特性、框架升级、架构设计、开发工具和最佳实践，涵盖Web前端（如Vue3, React, Angular等）、后端开发（如Node.js, Java, Python等）、移动端开发（iOS, Android原生及跨平台开发）
04-05 1万+
学习TypeScript是一项既有深度又有广度的任务，涉及类型系统、面向对象编程、函数式编程、模块化、工程化等多个方面。遵循上述学习路径，理论与实践相结合，逐步积累经验，您将能够在实际项目中游刃有余地运用TypeScript，提升开发效率与代码质量。同时，持续关注TypeScript的最新发展动态和技术趋势，保持知识。
TypeScript 学习笔记之基本类型
09-03
在 TypeScript 中，有七种基本类型： 1. **布尔型 (boolean)**: 表示逻辑值，只有 `true` 和 `false` 两种状态。例如： ```typescript var isDone: boolean = false; ``` 2. **数字型 (number)**: 与 ...
typescript-sandbox:学习打字稿
04-14
1. **类型系统**：TypeScript 支持基本类型（如 number、string、boolean）、数组类型、元组、枚举、联合类型、任意类型等。 2. **接口（Interfaces）**：接口用于定义对象的形状，可以用来描述对象的结构，允许...
masterclass-typescript-basic：基本的打字稿概念。
02-27
在"masterclass-typescript-basic"这个课程或项目中，我们将会深入探讨 TypeScript 的基本概念，这些概念是学习和使用 TypeScript 的基础。 1. **静态类型系统** TypeScript 引入了静态类型系统，这意味着在编写...
leon-typescript-learn:学习
04-03
项目中的例子可能包括如何使用`number`, `string`, `boolean`, `null`, `undefined`等基本类型，以及如何定义更复杂的类型如`array`, `tuple`, `object`，甚至是接口（interface）和类型别名（type alias）。...
vue检测页面手指滑动距离，执行回调函数，使用混入的语法，多个组件都可以使用
白白的博客
07-15 470
vue检测页面手指滑动距离，执行回调函数，使用混入mixin的语法，多个组件都可以使用
前端面试题日常练-day97 【Less】
最新发布
qq_44640575的博客
07-20 340
border-radius()函数用于在Less中生成圆形边框效果。通过设置border-radius()函数，我们可以为元素的边框添加圆角效果，使边框呈现圆形的外观，从而美化页面元素的边框样式。
TinyVue v3.17.0 正式发布，推出了一款基于 Quill 2.0 的富文本编辑器，功能强大、开箱即用！
OpenTiny的博客
07-17 1135
本文由体验技术团队Kagol老师原创~我们非常高兴地宣布，2024年6月26日，TinyVue 发布了 v3.17.0 🎉。TinyVue 每次大版本发布，都会给大家带来一些实用的新特性，上一个版本我们重构了 chart-core，新增 CircleProcessChart 圆环进度图等6个新的图表组件，并增加了 Statistic 数据统计组件。表格图片超链接复制粘贴插入表情文件上传@提醒斜杆菜单v-auto-tip。
谷粒商城实战笔记-39-前端基础-Vue-指令-v-on、v-for、v-if
epitomizelu的专栏
07-20 645
v-on 是 Vue.js 中的一个指令，用于在 DOM 元素上监听用户事件，并在事件触发时执行相应的 JavaScript 函数。它提供了一种将 Vue 实例中的方法与 DOM 事件关联起来的方式，使得你可以轻松地对用户交互做出响应。v-on 指令的基本语法是在元素上添加 v-on:event-name=“method”，其中 event-name 是你要监听的 DOM 事件类型（如 click、mouseover、keydown 等），method 则是 Vue 实例中定义的方法名。
LG 选择 Flutter 来增强其智能电视操作系统 webOS
恋猫de小郭的博客
07-17 1606
总的来说，LG 是 Flutter 在 TV 领域的一次新的尝试，并且它是在脱离了 Android 平台的场景下实现的支持，虽然 webOS 并不是什么流行的系统，但是这也体现出了 Flutter 的特点：可以用较低的成本实现较好性能的跨平台。后续，在 LG 的主导下，WebOS 经过进一步修改，转变为智能电视操作系统，于是 WebOS TV 就诞生了，此后 LG 的 TV 基本路线定为 webOS ，在应用层面，WebOS TV 以基于 Web 的技术为基础。然后 LG 为什么选择 webOS？
博客前端项目学习day03——框架页
qq_53237241的博客
07-19 435
【代码】博客前端项目学习day03——框架页。
前端性能优化--懒加载
weixin_43799793的博客
07-19 150
3、同时还可结合 lazy loading 属性，利用浏览器的原生属性，进一步优化图片加载，不过其延迟加载机制完全是由浏览器自身决定的，在不同浏览器上效果不同(BTW，部分浏览器可能并不支持)。2、然后对元素进行监听，当图片进入可视区域时，提取元素的 data-src 即真实的图片地址赋值给 src 属性，就会去发送请求加载图片，实现了懒加载。设置为 1 张 1px*1px 的透明图片用作占位符，以防止出现出错图标。TinyPNG 网站: https://tinypng.com/
vue3前端开发-如何让自己的网站适合SEO排名规则
yrldjsbk的博客
07-17 220
我们大家都知道，原始出生的vue3项目，原始代码层面，是没有meta标签的，也就是说，不适合SEO排名规则。SEO排名规则，蜘蛛爬虫抓取网站页面的内容，就会把这种meta标签内容进行采集，匹配。但是，这个技术要求大家还是应该知道的。黑马教育，课程，前端课程案例项目：小兔鲜儿超市，vue3前端项目案例。想学习vue3前端开发，拿来练习，实战的朋友们，值得一看哦。这个代码，就是我自己手工录入的。录入后，再次在浏览器界面刷新请求服务器。返回的代码模块就可以看见了。自己刚刚手工录入的meta信息出现了。
谷粒商城实战笔记-35-前端基础-ES6-模块化
epitomizelu的专栏
07-20 411
模块化就是把代码进行拆分，方便重复利用。类似 java 中的导包：要使用一个包，必须先导包。JS 中没有包的概念，JS中类似的概念是模块。export和import。export命令用于规定模块的对外接口。import命令用于导入其他模块提供的功能。
Web Pages 表单
07-20 253
Web pages 表单是现代网页设计中不可或缺的组成部分，它们允许用户与网站进行交互，提交信息，如注册、登录、反馈、预订等。表单的设计和功能对用户体验和网站的业务目标有着直接的影响。本文将深入探讨Web pages表单的各个方面，包括设计原则、常用元素、验证机制和最佳实践。
TypeScript学习指南：从入门到实战
《TypeScript Handbook》是一本详尽的指南，旨在帮助开发者学习和掌握TypeScript语言，它是JavaScript的超集，提供了静态类型检查、面向对象编程、强大的工具支持等功能，是ES6及更高级特性的学习和实践好帮手。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值