【TypeScript】学习之路

最新推荐文章于 2024-08-14 16:21:25 发布
最新推荐文章于 2024-08-14 16:21:25 发布
阅读量103 收藏
点赞数
分类专栏： typeScript 文章标签： typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43927032/article/details/107360079
版权

【TypeScript】学习之路（1）


一、简介
TypeScript是JavaScript的超集，它可以编译成JavaScript。

二、安装（两种方式安装）
1、npm（针对于使用npm）
在这里插入图片描述
安装完成后我们可以cmd tsc -v来检查一下是否安装成功
在这里插入图片描述
2、VS插件（针对于使用Visual Studio开发的小伙伴）

三、开始来创建我们的第一个ts文件

在这里插入图片描述
这个是我们创建的.ts文件，通常呢我们用.ts作为TypeScript代码文件的扩展名。
在这里插入图片描述
执行这段命令来将我们的TypeScript代码文件转换为JavaScript。
在这里插入图片描述
这是我们执行命令后所生成的.js文件。
ps：我们可以创建一个html文件引入js文件来输出我们console的值。（引入ts文件是不行的哦！），当然也可以在命令行node xxx.js来输出。

阿飞的大掌柜
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
TypeScript学习之路（1w字总结）
m0_60554617的博客
09-21 760
TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 > 简而言之，TypeScript是JavaScript的超集，具有可选的类型并可以编译为纯JavaScript。从技术上讲TypeScript就是具有静态类型的 JavaScript 。
typeScript学习笔记
04-27
TypeScript学习笔记 TypeScript是一个自由和开源的编程语言，由微软开发。它是JavaScript的一个超集，扩展了JavaScript的语法，解决了JavaScript的“痛点”：弱类型和没有命名空间，导致很难模块化。TypeScript支持...
TS学习之路（一）
Chaos__的博客
10-08 1760
TS是一个可选的静态的类型系统 需要在变量、函数的参数、函数的返回值后面加上: 类型 基本类型 number：数字 let num: number = 123; string：字符串 let str: string = "abc"; boolean：布尔值 let isTrue: boolean = true; 数组 let arr1: number[] = [123, 234]; // 或 let arr2: Array<number> = [1, 2, 3]
ts的自学之路（未完）
a690392431的博客
07-04 2582
ts的好处： 代码出现类型不对或者其他错误后能立刻显示出来。在写对象的方法的时候能自动补全等等........ Ts的安装： 需要安装node 运行环境和ts，安装好后通过tsc demo.ts 来对ts文件进行编译，编译出一个js文件后通过 node demo.js 来运行得出结果。当然这个流程是已经比较复杂，可以安装npm install -g ts-node 来辅助编译。 ts-node demo.ts TS基础语法 静态类型比动态类型的好处在于剥夺它的”灵活性”,使它更具有规范性。 ..
[TypeScript] ts学习之路 —— 一、什么是TypeScript
weixin_69506695的博客
06-12 613
TypeScript 学习之路
TypeScript 学习之路（一）
xiaomomi的博客
06-27 151
创建test.ts=>终端运行tsc test.ts=>将ts编译成js，将js文件引入Html中就OK啦。 var hello: string = "Hello World!" console.log(hello); 类型: 布尔值: let isDone: boolean = false; 数字: let de: number = 6; 字符串: let name: string = ‘bob’; 模板字符串: let name: string = Gene; let sentence:
Typescript 学习之路
Gaoju_liz的博客
05-11 6273
Typescript TypeScript，简称 ts，是微软开发的一种静态的编程语言，它是 JavaScript 的超集 1.简单来说，js 有的 ts 都有，所有js 代码都可以在 ts 里面运行。 2.ts 支持类型支持，ts = type +JavaScript。 那么 ts 和 js 有什么区别呢？ 1.JavaScript 属于动态编程语言，而ts 属于静态编程语言。 2.js：边解释边执行，错误只有在运行的时候才能发现 3.ts：先编译再执行，在写的时候就会发现错误了（ts不能直接执行，需要先
TypeScript 学习之路-分组
zlx_2018的博客
04-13 285
纪录一下刚学会的数组对象的分组。
TypeScript入门学习之路
牛先森家的博客
11-21 7295
TypeScript学习之路TypeScript学习之路安装typescript环境typescript起步 TypeScript学习之路 安装typescript环境 npm install -g typescript 查看版本 tsc -v typescript起步 1、新建hello.ts const hello : string = "Hello World!" console.log(hello) 2、通过 tsc 命令编译 tsc hello.ts 3、此时路径下会生成一个hello.
TypeScript学习之路之——索引签名
Elope_的博客
05-07 641
索引签名是一种定义对象类型的方式，它允许使用数字或字符串或symbol作为索引来访问对象的属性。我们使用索引签名时，我们可以定义对象类型的索引类型和索引值对应的值类型。这使得我们可以像操作普通对象属性一样，使用索引操作符（[]）来访问对象的属性。下面是一个使用索引签名的简单示例：a: 1,b: 2,c: 3// 输出: 1// 输出: 2// 输出: 3在上面的示例中，我们定义了一个名为MyObject的接口，它具有一个索引签名。
typescript学习笔记
03-04
Typescript 学习笔记 TypeScript 是一种静态类型的编程语言，作为 JavaScript 的超集，它的主要特性是坚持与 ECMAScript 标准同步发展。下面是 TypeScript 的一些重要知识点： 一、ECMAScript 标准同步发展 * ...
TypeScript 学习笔记
05-16
大学牲学习 TypeScript 的学习笔记，欢迎小伙伴们一起来学习！
TypeScript的学习笔记
03-14
### TypeScript 学习笔记 #### 1. 基本数据类型 TypeScript 扩展了 JavaScript 的数据类型系统，提供了以下几种基本的数据类型： - **`number`**：数值类型，JavaScript 中的所有数字都属于该类型。 - **`string`...
TypeScript 学习笔记之基本类型
09-03
TypeScript 是一种强大的静态类型语言，它是 JavaScript 的超集，扩展了 JS 的功能，特别是引入了类型系统。在 TypeScript 中，类型系统增强了代码的可预测性、稳定性和可维护性，使得开发者能够在编码阶段捕获潜在...
TS基础记录
m0_73410230的博客
08-14 480
面向对象概念其实很简单，万物皆是对象，面向对象编程就是所有的东西都是对象封装起来的,需要什么直接在对象里面调,例如ts中的windows对象....属性分为静态属性和实例属性，静态可以直接调用，实例必须创建出对象才能使用。拿人举例,人有眼睛鼻子....这些就是属性,人会吃饭、睡觉这些就是方法。//静态属性,可以直接调用 readonly 只读属性无法修改。//抽象类,不能被创造,只能被继承,可以添加抽象方法。对象可以被继承,里面的方法可以被重写,例如。//创建抽象方法,子类必须重写抽象方法。
TypeScript 面试题汇总
qq_42072014的博客
08-14 941
联合类型：使用符号表示多种类型之一。typescript深色版本交叉类型：使用符号表示多个类型的组合。typescript深色版本3};47};8使用readonly关键字定义不可修改的属性。typescript深色版本4}使用class关键字定义类。typescript深色版本36 }7}
mapbox点位动态连线
taozi8957的博客
08-12 413
mapbox点位动态连线
JVC AV-29L31彩电维修手册和图纸.rar
08-19
JVC AV-29L31彩电维修手册和图纸
树状数组：数据结构中的瑞士军刀
最新发布
08-19
数据结构是计算机科学中的一个基本概念，它指的是数据的组织、管理和存储方式，以及对数据的操作。数据结构使得数据的访问和修改更加高效和有序。常见的数据结构包括： 1. **数组**（Array）：一种线性数据结构，可以存储相同类型的元素，并通过索引访问。 2. **链表**（Linked List）：一种线性数据结构，由一系列节点组成，每个节点包含数据部分和指向下一个节点的指针。 3. **栈**（Stack）：一种后进先出（LIFO, Last In First Out）的数据结构，只能在一端进行添加或删除操作。 4. **队列**（Queue）：一种先进先出（FIFO, First In First Out）的数据结构，允许在一端添加元素，在另一端删除元素。 5. **哈希表**（Hash Table）：通过键值对存储数据的数据结构，可以快速地通过键来访问数据。 6. **树**（Tree）：一种层次结构的数据结构，每个节点有零个或多个子节点，通常用于表示具有层次关系的数据。 7. **图**（Graph）：由顶点（节点）和边组成，可以表示复杂的关系和网络结构。 每种数据结构都有其
typescript 学习之路
07-28
对于 TypeScript 的学习之路，我可以给你一些建议。首先，你可以从 TypeScript 官方文档开始学习，它提供了很多关于语言的基本知识和用法的详细介绍。另外，TypeScript 的官方网站上还有一些教程和示例代码，可以帮助你更好地理解和应用 TypeScript。 除了官方文档，你还可以参考一些优质的在线教程和视频课程。例如，Udemy 上有一些很受欢迎的 TypeScript 教程，你可以搜索并选择适合你的学习风格的课程。 此外，建议你在学习 TypeScript 时结合实际项目进行练习。找一个小型的项目或者任务，用 TypeScript 重写或者开始一个新的项目，这样可以帮助你更好地理解和应用 TypeScript 的特性和概念。 另外，参与 TypeScript 社区也是一种很好的学习方式。加入一些 TypeScript 相关的论坛、社交媒体群组或者参与开源项目，与其他开发者交流，分享经验和学习资源。 最后，持续学习和实践是掌握 TypeScript 的关键。不断阅读相关的文档和书籍，参加技术讲座和研讨会，保持对新特性和最佳实践的关注，并将其应用到自己的项目中。 希望这些建议能帮助你在 TypeScript 的学习之路上取得进步！如果有其他问题，欢迎继续提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值