TS 基础入门教学

TS 简介

我们先了解一下ts  

ts (TypeScript)  TypeScript 是由微软开发的自由和开源的编程语言,它可以在任何操作系统上运行。TypeScript 是JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改,TypeScript 通过类型注解提供编译时的静态类型查询。

 ts开发环境 

 typescript 目前浏览器还不能支持,需要把编写好的ts转译为js,编译环境为nodejs环境。

安装运行

安装使用:npm install -g typescript  

安装之后查看是否成功  查看版本  tsc -v

安装好之后就 接下来就是运行了

ts运行命令  可以直接使用  ts-node 文件名称  (文件可以直接使用tab切换) 

运行ts 需要下载一个json   命令行输入  tsc --init  

运行文件  先下载json文件  使用 ts-node .\day01.ts (文件名称)

控制台显示输出的 true   123

TS的类型

TypeScript 是完全兼容 JavaScript 的

typescript是拥有类型的javaScript超集它可以编译成完整的js代码

上图 console.log(a)  为什么会显示true 呢 ?

这个就相当于声明变量

let a: 数据类型  =  数据类型

图上冒号后面是boolean(布尔值) 那么等号后面必须是 true 或 false  不然会报错

还有一个需要注意的地方

let b: number = 0123  // number 输入0123会报错
console.log(b);

let c: number = 123  // number 输入123就不会会报错
console.log(c);

因为这个地方会涉及到一个进制的问题

未完待续...

### TypeScript 基础教程 #### 什么是TypeScript? TypeScript是一种由微软开发的开源编程语言,它是JavaScript的一个超集[^3]。这意味着所有的合法JavaScript代码也都是合法的TypeScript代码。 #### 安装TypeScript 为了能够使用TypeScript,首先需要确保计算机上已安装Node.js和npm(Node包管理器)。一旦这些工具准备就绪,就可以通过以下命令全局安装TypeScript: ```bash npm install -g typescript ``` 这一步骤允许开发者在任何项目中访问TypeScript编译器[^2]。 #### 类型系统简介 TypeScript的核心特性之一就是其强大的类型系统。它不仅包含了JavaScript中原生的数据类型(如 `number`, `string` 等),而且还引入了静态类型检查机制来增强程序的安全性和可维护性。例如,在定义变量时可以指定它的数据类型: ```typescript let age: number = 18; ``` 上述例子展示了如何利用类型注解为变量赋予特定的数据类型,这样可以在编写过程中捕获潜在错误并提供更好的IDE支持。 #### 函数与箭头函数 除了基本类型的声明外,TypeScript同样支持复杂的结构化语法,像箭头函数这样的现代ES6+特性也被完全兼容和支持。下面是一个简单的乘法函数实现方式: ```typescript const multiply = (a: number, b: number): number => { return a * b; }; ``` 这里我们看到参数以及返回值都被明确地标记出了它们各自的类型,这种做法有助于提高代码质量并且减少运行期异常发生的概率[^1]。 #### 类型保护 当处理未知或者多态性的输入数据时,可能需要用到类型守卫的概念。这是一种技术手段用来告诉编译器某个表达式的实际类型是什么样的情况之下成立: ```typescript function example(value: any) { if ("string" === typeof value) { console.log(`The string length is ${value.length}`); } } ``` 在这个片段里,如果条件判断成功,则内部逻辑会被认定只针对字符串操作有效[^4]。 ---
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值