ts基础应用

最新推荐文章于 2023-09-03 15:36:35 发布
最新推荐文章于 2023-09-03 15:36:35 发布
阅读量624 收藏 1
点赞数 2
分类专栏： ts 文章标签： javascript typescript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wanjun_007/article/details/127098523
版权
本文介绍了TypeScript的基本概念、优势、初始化安装步骤，强调了静态类型的重要性，并探讨了数据类型、类型注解与类型推断。在实践中，作者提醒读者需要注意避免使用any类型导致的问题。
摘要由CSDN通过智能技术生成

目录

一 认识ts

二 ts优势

三 初始化安装

四 数据类型

静态类型

 基本类型与对象类型

函数相关类型

五 类型注解与类型推断

六 基本语法练习

坑一:  类型为 any 所以只能这在一样 

坑二 ：其他的case

一 认识ts

  • ts 是一个js 的超级集群；他不会被浏览器解析；需要先编译为js在进行使用

  • ts 以js为基础构建的语言，通过在JavaScript的基础上添加静态类型定义构建而成。

  • TypeScript通过TypeScript编译器或Babel转译为JavaScript代码，可运行在任何浏览器，任何操作系统。

官方文档

https://www.typescriptlang.org/play

中文文档

https://www.tslang.cn/

二 ts优势

  • 优势1：js需要运行就可以看到错误，ts在开发阶段可以快速发现潜在问题
  • 优势2： 编写代码提示准确到 对象下 key
  • 优势3：通过静态类型的定义大家可以更好的阅读代码了
  • 注意事项：
  • .ts  .定义变量不能与其他  .js  .ts 定义的变量重名  ，函数也是一样  报错

三 初始化安装

npm install -g typescript

四 数据类型

最低0.47元/天 解锁文章
小宛碎碎冰
关注
专栏目录
umi基础框架（React+umi+Ts）
08-05
标题 "umi基础框架（React+umi+Ts）" 指的是使用umi作为基础架构，结合React和TypeScript来构建一个先进的Web应用。umi是一个强大的JavaScript框架，它为React应用程序提供了一种高度可配置和模块化的开发方式。下面...
TS的基本使用
hzg_hou的博客
07-04 2954
React全家桶 TypeScript TypeScript 简称『TS』，是微软开发的一个开源的编程语言。 一、TS 特点 TS 主要有如下几个特点: 完全兼容 JavaScript，是 JavaScript 的超集 引入类型系统，可以尽早的定位错误位置, 帮助提升开发效率 let obj = {a:1,b:2....} obj = ()=>{} console.log(obj.a); 先进的 JavaScript，支持 JavaScript 的最新特性 TypeS
ts基础和基本使用
weixin_42498253的博客
08-16 90
无
ts 的基本使用
痕 ` 浅
08-05 772
ts的基本使用方法， 内容写的过于简洁，后续会补全
ts基础使用
weixin_44575130的博客
11-01 492
ts基础使用 1.全局安装typescript npm install -g typescript 2.TS基本使用 1.原始类型定义 // 原始类型定义 let isDone: boolean = false let age: number = 11 let myName: string = 'logan' let message: string = `hello, ${myName}` let u: undefined = undefined let n: null = null // undefi
ts的基础使用介绍
qq_2511276124的博客
12-23 613
这些基础类型是ts的基本的单元，在此基础搭配类和接口可以实现更加酷炫的效果。
tslint-angular：针对Angular应用程序的推荐tslint配置
01-28
它补充了TSLint的基础规则，增加了对Angular框架特性的特定检查，如指令的使用、模板引用变量的规范等。 **tslint-angular**集成了Codelyzer，并且预设了一系列针对Angular的最佳实践规则，包括但不限于： 1. **...
TS流基础理解和认识
05-26
### TS流基础理解和认识 #### 一、TS流概述 TS流，即传输流(Transport Stream)，最初在数字电视领域得到广泛应用，随着技术的发展，它也被广泛用于互联网视频传输。TS流格式相对复杂，含有多种配置信息表以及音...
TS的初步使用（图解）
sang_xu的博客
12-09 1564
首先搭建一个站点 如图 1.打开powershell 2.依次输入 tsc --init tsc -w 成功之后文件里会多一个tsconfig.json的文件 3.点击终端 ---点击运行任务 --- 点击刚刚创建好的文件进行监听 (在ts里敲代码js同步更新) 4.在你的html页面引入index.js (在ts里敲代码 ts往js里转换 html引js) 5.接下来试一下代码是否执行成功便可以开始了 ...
TS使用教程
最新发布
qq_47040462的博客
09-03 5584
1.1在本地运行ts代码需要先编译，可以通过命令安装tsc，tsc 的作用就是把.ts脚本转变成.js脚本（先安装npm）1.2.通过tsc -v查询版本。
Typescript入门-----如何应用TS开发简单的小应用
Leo_Chen_Pisces的博客
04-10 2790
第一次接触TS是去年八月开发Angualar的智慧安防项目的时候，前端模块化开发时候做的研究。 最近接的项目里又有关于TS的内容，所以决定从今天开始认真学一波TS TS是一套基于ECMA标准的语言，是JS语言的超集，安装方法很简单很便捷。 我们为什么要学TS?在做Angualar2的项目开发的时候，TS几乎已经是Angular的默认语言之一， 跟JS相比，它有强类型语言特有的类型判断，利用...
ts的一些应用场景，包你会用到
m0_64564920的博客
03-30 4792
ts的实际应用场景合集 需求1： 如何定义一个变量可以是 null 也可以是 number 类型? 例如：定时器。 思路：可以利用联合类型 // | 联合类型 变量可以是两种类型之一 let timer:number|null = null timer = setTimeout() console.log(timer) // 3 需求2： 如何定义一个数组，它的元素可能是字符串类型，也可能是数值类型？ 例如：数组的 push 方法。 思路：数组结合联合类型来使用 // 方法1： let arr3:
让你的项目使用Ts吧
weixin_30897079的博客
08-29 1541
推荐在这里阅读 9012年都过半了，还不会用ts你就out了 why ? 三大框架angular2以后的版本完全是用ts开发的， vue对ts的支持也越来越好， React也有TSX组件 还在犹豫什么 本文不涉及框架内容，因为框架的cli已经帮你搭好了ts环境。。。 本文只教你如何在一个demo里搭建Ts环境，好了，我们开始吧 第一步，安装 全局安装typescript npm in...
TS简单介绍以及用法
热门推荐
tinglis的博客
09-28 1万+
TS是TypeScript的缩写，是JavaScript的超集 （JS有的TS都有），也可以说TS是 type + js，加了一个类型。let a = 0为什么需要给JS添加type呢？因为js的类型系统存在“先天缺陷”，JS代码中绝大部分的错误都是类型错误，那么就会存在一个问题，那就是找bug、改bug的时间增加，严重影响了开发效率。从编程语言的动静来区分；TS属于静态类型的编程语言，JS属于动态的编程语言。动态编程语言：执行期间做类型检查静态编程语言：编译期间做类型检查更早发现代码中的错误，
TS基础用法
zz130428的博客
01-03 791
TS是JS的超集，JS所拥有的，TS都有。 JS是弱类型语言，而TS是强类型语言，有了TS加持，JS应用会变得更加稳定且强大。 许多新项目，如果选择VUE3或React进行开发时，大多都会带上TS。 TS是前端领域大势所趋，每一个前端开发工程师都不应该忽略它
ts中naver的应用场景
唐都恩了的博客
12-12 495
typescript中函数返回值naver的应用场景 // 例如：某大神封装了一个函数，且函数值只能传 string | number 类型 function handkeMessage(message: string | number) { switch (typeof message) { case 'string': console.log("传入string时处理message的方法") break case '
Ts学习深入浅出
weixin_34129696的博客
01-29 1144
前言: “我们为需要构建和维护大型JavaScript程序的团队设计了TypeScript，以满足他们的需求。TypeScript可帮助他们在软件组件之间定义接口，并且帮助理解现存JavaScript库的行为。同时，使用TypeScript的团队可以将代码构建成动态加载的模块，以减少命名冲突的问题。TypeScript可选的类型系统使开发...
TS流解析基础与应用
TS流主要应用于广播和卫星电视等实时传输场景。 TS流文件的结构包含包头和负载两部分。包头由前4个字节组成，包含关键的控制信息，如同步字节、传输差错指示、有效负荷单元开始指示、优先传输标志、PID（Program ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值