浅谈TypeScript

最新推荐文章于 2023-04-12 16:28:51 发布
最新推荐文章于 2023-04-12 16:28:51 发布
阅读量258 收藏 1
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/RyleeLouth/article/details/103277035
版权

先聊聊天

vue conf 2019 前段时间在上海召开了，尤大大在会上回忆了vue的发展现状和vue3.0版本的设计目标，在十一月五号已经将vue3.0版本的代码发布到github上面了，预计在明年会出一个稳定的版本
那么在vue3.0的设计目标是这样的，希望vue更快，更小，加强typescript的支持等等，由此说明typescript已经越来越重要了

什么是 TypeScript
  • typeScript 是 JavaScript 的一个超集，主要提供了类型系统（类型系统是一个提供给用户定义和管理类型与实体的组件）和对 ES6 的支持，它由 Microsoft 开发，代码开源于 GitHub 上。
  • TypeScript 是 JavaScript 的类型的超集，它可以编译成纯 JavaScript。 TypeScript 扩展了js的语法
  • 编译出来的 JavaScript 可以运行在任何浏览器上。TypeScript 编译工具可以运行在任何服务器和任何系统上。
  • TypeScript 是开源的。
  • 可能对于TypeScript 是 JavaScript 的类型的超集不太好理解，下面有一张图完美的解释了他们之间的关系
    在这里插入图片描述

为什么要选择Typescript呢？

1， TypeScript 增加了代码的可读性和可维护性
  • 可读性：类型系统；
  • 可维护性:
    -------编辑器和 IDE 的功能，包括代码补全、接口提示、跳转到定义、重构等
    -------编译阶段就发现大部分错误
2,TypeScript 非常包容
  • TypeScript 是 JavaScript 的超集，.js 文件可以直接重命名为 .ts 即可
  • 即使不显式的定义类型，也能够自动做出类型推论
  • 即使 TypeScript 编译报错，也可以生成 JavaScript 文件
  • 可以定义从简单到复杂的几乎一切类型
  • 兼容第三方库，即使第三方库不是用 TypeScript 写的，也可以编写单独的类型文件供 TypeScript 读取
3，TypeScript 拥有活跃的社区
  • 大部分第三方库都有提供给 TypeScript 的类型定义文件
  • Google 开发的 Angular2 就是使用 TypeScript 编写的
  • TypeScript 拥抱了 ES6 规范，也支持部分 ESNext 草案的规范
  • 最新的vue和react也可以集成typescript
4，TypeScript 的缺点
  • 有一定的学习成本
  • 适合长期维护的项目
TypeScript的基本使用

1，安装：npm install -g typescript,
2，在文件夹下新建一个hello.ts
3，在这里插入图片描述
4，编译： tsc hello.ts
5，在同级目录下生成一个js文件，里面内容如下
在这里插入图片描述
在这里插入图片描述

相关参考

菜鸟教程
https://www.runoob.com/typescript/ts-tutorial.html
阮一峰ts教程
https://ts.xcatliu.com/

RyleeLouth
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
浅谈TypeScript的类型保护机制
10-15
主要介绍了浅谈TypeScript的类型保护机制,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
TypeScript浅谈
weixin_57519185的博客
11-24 715
一，TypeScript 介绍 TypeScript简称：TS，是 JavaScript 的超集。简单来说就是：JS 有的 TS 都有。JS写的代码在TS的环境下都能跑。 在 JS 基础之上，为 JS 添加了类型支持。TypeScript = Type + JavaScript TypeScript 是微软开发的开源编程语言，可以在任何运行 JavaScript 的地方运行 // TypeScript 代码有明确的数据类型 let age1: number = 18 // .
还没用熟 TypeScript 社区已经开始抛弃了
a1014981613的博客
04-12 2865
根据 rich-harris-talks-sveltekit-and-whats-next-for-svelte 这篇文章报道， Svelte 计划要把代码从 TS 换到 JS 了。
43%非常看好TypeScript…解读“2022前端开发者现状报告”
华为云官方博客
08-09 1126
近日，The Software House 发布了“2022前端开发者现状报告”，笔者在此对报告内容进行解读，供大家参考。
浅谈TypeScript语法
默默前行，勿喜、勿悲、一切随缘！
06-17 9875
Angular是用TypeScript构建的 TypeScript并不是一门全新的语言，而是ES6的超集。所有的ES6代码都是完全有效且可编译的TypeScript代码。 说明一下：什么是ES5？什么是ES6？ES5是ECMAScript5的缩写，也被称为“普通的JavaScript”。ES5就是大家熟知的JavaScript，它能够运行在大部分浏览器上。ES6则是下一个版本的Java
Typescript的优缺点？
weixin_47450807的博客
04-25 4120
一、什么是Typescript Typescript是javascript的一个超集，主要提供了类型系统和对es6的支持，它由Microsoft开发，代码开源于Github上。Typescript是javascript的类型超级，它可以编译为纯javascript。编译出来的javascript可以运行在任何浏览器上。Typescript编译工具可以运行在任何服务器和任何系统上。Typescript是开源的。 二、为什么选择Typescript TypeScript 增加了代码的可读性和可维护性 1、类型系
浅谈TypeScript 用 Webpack/ts-node 运行的配置记录
10-16
主要介绍了浅谈TypeScript 用 Webpack/ts-node 运行的配置记录，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
浅谈Vue3.0之前你必须知道的TypeScript实战技巧
10-16
主要介绍了浅谈Vue3.0之前你必须知道的TypeScript实战技巧，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
浅谈 TypeScript 特性
萧萧的博客
06-28 3724
来自一位 TypeScript 开发者的 感性分析。
TypeScript入门篇——基础知识（面试题：浅谈你对TS的理解）
屈小康
05-18 940
1、TS的数据类型 //1、简单数据类型 boolean number string array null undefined //2、多出来的类型 1)tuple(元组类型):let arr[number,string] = [11,'string'] 2）enum类型（枚举类型） enmu color { red, yellow } console.log(color.red) // 1 输出的是地址 且从 1 开始 console.log(color[1]) // red 输出的是内容 3
ecs:基于TypeScript的实体组件系统
03-11
Nova Engine-实体组件系统 使用打字稿制作的实体组件系统，可在Nova Engine中使用。 正在安装 npm i --save @nova-engine/ecs 基本用法 要使用实体组件系统，您首先必须创建引擎来存储您的系统和实体。 您可以创建任意数量的对象，但通常每个应用程序只能创建一个。 import { Engine } from "@nova-engine/ecs" ; const engine = new Engine ( ) ; 现在，您只需定义组件： import { Component } from "@nova-engine/ecs" ; // Components can have custom constructors, but they must be able to be initialized // with no arguments, be
typescript get方法_浅谈 TypeScript 类型系统
weixin_39946274的博客
12-01 378
时下，TypeScript 可谓当红炸子鸡，众多知名开源项目纷纷采用，大型项目几乎成为必备。其中缘由，除了微软这一开源项目新势力的强大背书以外，最为核心的即是 TypeScript 的类型系统。JavaScript 太需要一套合适的类型体系来支撑日益规模化的协作开发了。那么为什么 TypeScript 的类型系统能够做到这一点，而同时期的很多其它方案纷纷落入下风呢？本文着重从原理上剖析 TypeS...
对 typescript 的理解
徐三岁的博客
11-27 808
TypeScript 是一种静态类型检查的语言，提供了类型注解，在代码编译阶段就可以检查出数据类型的错误，同时扩展了 JavaScript 的语法，所以任何现有的 JavaScript 程序可以不加改变的在 TypeScript 下工作。为了保证兼容性，typescript在编译阶段需要编译器编译成纯Javascript来运行，是为大型应用开发而设计的语言。TypeScript 是 JavaScript 的类型的超集，支持ES6语法，支持面向对象编程的概念，如类、接口、继承、泛型等。
对typescript的认知
扫地僧
07-16 311
介绍 微软开发 开源 js的超集 扩展了js的语法 浏览器不能直接解析 安装 npm i -g typescript 编译指令 tsc hello.ts 配置vscode，自动编译ts文件 tsc --init，改tsconfig.json的outDir 点击菜单 任务-运行任务 点击tsc：监视-tsconfig.json 然后就可以自动生成代码了 hbuilder如何配置 3. 菜单...
TypeScript入门
huangbaokang的博客
08-29 295
在开发工具eclipse中安装typeScript插件，不过推荐使用webstorm，本人是后台开发人员，前端爱好人员，就用eclipse学习吧。 中文学习文档链接地址 https://www.tslang.cn/docs/home.html 自己最近入门了一点，听说typeScript是JavaScript的超集，感觉不学都不行。。。 学typeScript就像学java语言差不多，因为ty...
对typescript重新思考
CoCoManYYn的博客
05-28 276
引言 最近有在看一些关于typescript的东西，以前的理解就仅仅只是认为它比JavaScript多了一个类型检测，后来发现了一篇非常好的文章，让我重新对typescript进行了思考，但是由于本人没有写过typescript，所以准备从实践入手，深入理解关于面向接口编程的原理，故这是一篇长期更新的博客哈哈哈哈。 具体的概念示例代码等，官方文档里面都写得十分详细。我就只是阐述一下自己的理解。 接...
node-v16.12.0-darwin-x64.tar.xz
最新发布
04-23
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
试用Dev Containers的示例项目-Go
04-23
计算机技术是指评价计算机系统的各种知识和技能的总称。它涵盖了计算机硬件、软件、网络和信息安全等方面。计算机技术的发展使我们能够进行高效的数据处理、信息存储和传输。现代计算机技术包括操作系统、数据库管理、编程语言、算法设计等。同时，人工智能、云计算和大数据等新兴技术也在不断推动计算机技术的进步。计算机技术的应用广泛，涵盖了各个领域，如商业、医疗、教育和娱乐等。随着计算机技术的不断革新，我们可以更加高效地实现预期自动化、标准化
typescript
07-27
TypeScript是由微软开发的一款开源的编程语言，它是JavaScript的超集，遵循最新的ES6、ES5规范，并扩展了JavaScript的语法。它更像后端的Java、C#等面向对象语言，可以用于开发大型企业项目。谷歌也在大力支持TypeScript的推广，谷歌的Angular2.x+就是基于TypeScript语法开发的，最新的Vue和React也可以集成TypeScript。在Node.js框架中，Nest.js和midway也使用了TypeScript语法。\[1\] TypeScript中的never类型是任何类型的子类型，也可以赋值给任何类型，但没有类型是never的子类型或可以赋值给never类型，即使是any类型也不可以赋值给never。这意味着声明为never类型的变量只能被never类型所赋值。例如，可以使用throw new Error()来抛出一个错误，该函数的返回类型就是never。\[2\] 在TypeScript中，可以声明浮点型变量并赋予其一个浮点数值，例如let num: number = 3.1415926。同时，也可以声明字符串类型变量并赋予其一个字符串值，例如let str: string = "Hello, TypeScript"。\[3\] 总结来说，TypeScript是一种扩展了JavaScript语法的编程语言，适用于开发大型企业项目，并且具有丰富的类型系统和面向对象的特性。它的语法规范遵循最新的ES6、ES5规范，可以与各种前端框架和后端框架集成使用。 #### 引用[.reference_title] - *1* *2* *3* [学习TypeScript4这一篇就够了](https://blog.csdn.net/qq_38490457/article/details/109965694)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值