奉劝学弟学妹,学完JavaScript就该学TypeScript了,让我们一起了解TypeScript和如何去搭建运行环境吧_学了js有必要学ts吗?-程序员宅基地

技术标签: TypeScript  vscode  typescript  

定义

介绍

  • 程序更容易理解——如变量的类型只有在程序运行时才确定,如函数的参数、返回值等
  • 效率更高
  • 更少的错误,可以杜绝一些常见错误
  • 非常好的包容性。TS 是JS超级,完全兼容 javascript
  • 但增加了一定的学习成本

官网:

官网

中文网

在这里插入图片描述

超集:意思就是JavaScript的所有语法都支持

Type:TypeScript 强调其优点【类型】

在JavaScript中我们定义变量类型后,下面可以更换类型

但是在TypeScript中不可以

在这里插入图片描述

TypeScript中

在这里插入图片描述

TypeScript中编写的代码不能直接在页面中运行,需要编写为JavaScript代码才可以在页面中运行

下面JavaScript我就写js TypeScript我就写ts了

提示

在js中我们我们在做的时候不管如何去传值都不会有报错

ts中我们可以直接在函数接收的时候告诉他我们需要什么类型的值,必须包含哪几个属性给我传递过来,如果传值类型不对,就会给我们提示,如果我们定义了传值包含属性,不传值直接调用也会报错哦

在这里插入图片描述

ts在我们编写时会给我们做出对应得提示哦(代码语义通俗易懂)

在这里插入图片描述

而js就没有对应提示,需要我们自己去编写

在这里插入图片描述

ts中我们可以使用type xx={xx:xx}来做定义

在这里插入图片描述

也可以使用 interface xx {xx:xx}去定义

在这里插入图片描述

如果我们属性写错或者不存在会有对应提示

在这里插入图片描述

js则没有

在这里插入图片描述

ts与js的区别

TypeScript JavaScript
JavaScript 的超集用于解决大型项目的代码复杂 性 一种脚本语言,用于创建动态网页
可以在编译期间发现并纠正错误 作为一种解释型语言,只能在运行时发现错误
强类型,支持静态和动态类型 弱类型,没有静态类型选项
最终被编译成 JavaScript 代码,使浏览器可以理 解 可以直接在浏览器中使用
支持模块、泛型和接口 不支持模块,泛型或接口
社区的支持仍在增长,而且还不是很大 大量的社区支持以及大量文档和解决问题的支 持

搭建ts运行环境

安装node.js

官网

在这里插入图片描述

建议大家选长期稳定版,然后大家就可以进行傻瓜式安装

安装完之后win+r运行输入cmd调出命令行工具输入node -v 就会出现对应得版本

在这里插入图片描述

npm -v 也可以出现对应版本就证明成功了

在这里插入图片描述

VSCode使用

在设置中找到下面区域设置为single

在这里插入图片描述

tab设置缩进2个空格

在这里插入图片描述

安装插件

在这里插入图片描述

记得勾选哦

在这里插入图片描述

安装TypeScript

打开终端输入如下代码进行全局安装

npm install -g typescript

我们在运行node xxx.ts时会报如下错误是因为node无法解析ts语法

在这里插入图片描述

我们需要运行 tsc xxx.ts解析编译为js文件

在这里插入图片描述

然后在运行node xxx.js即可

  • ts可以写以前学的JS代码
  • ts类型的文件浏览器端不支持,无法进行解析
  • ts类型的文件中如果有ts语法,node也无法进行解析
  • ts文件需要使用 tsc编译器转换为js文件

此时ts运行环境配置后我们需要每次都要进行编译在运行,非常的麻烦,我们可以安装一个新插件ts-node

运行npm i ts-node -g即可安装完毕

然后我们就可以运行ts文件了

在这里插入图片描述

此时运行环境配置完成

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/blue_698/article/details/118407746

智能推荐

windows terminal配置_在 windows terminal 中设置 powershell 的 startingdirect-程序员宅基地

文章浏览阅读244次。Windows 终端是一个面向命令行工具和 shell(如命令提示符、PowerShell 和适用于 Linux 的 Windows 子系统 (WSL))用户的新式终端应用程序。 它的主要功能包括多个选项卡、窗格、Unicode 和 UTF-8 字符支持、GPU 加速文本呈现引擎,还可以用于创建你自己的主题并自定义文本、颜色、背景和快捷键绑定。安装 从 windows store中安装,搜索terminal 有两个,一个microsoft terminal一个windows terminal prev_在 windows terminal 中设置 powershell 的 startingdirectory 值为 null

Java处理post请求中的csv文件(判断文件编码)_java如何判断上传csv文件内部编码格式-程序员宅基地

文章浏览阅读1.6k次。今天在工作中遇到了一个需求,需要用Java处理post请求中的csv文件,由于之前没处理过,遇到了很多问题,特此记录。由于具体的业务会有区别,本文主要介绍了处理逻辑的代码,如需要请结合具体业务与注释做出修改即可。pom坐标<!--GetByteEncode,用来判断二进制字节流的编码--> <dependency> <groupId>com.googlecode.juniversalchardet</groupId>_java如何判断上传csv文件内部编码格式

SFTP服务命令行可以连接成功编辑器插件却连接失败_命令行sftp 可以连,但程序sftp连不行-程序员宅基地

文章浏览阅读1.1k次。最近用phpstorm编辑器的远程内置功能连接远程服务器时,一直报连接失败。 查看系统日志也只是说,连接被拒绝。 在网上找问题时,看到这种情况: 本机网络dns变化也会导致xshell自动断开连接,这种情况通过修改ssh配置文件将其中“UseDNS yes”去掉注释并改成no即可,过程如下vim /etc/ssh/sshd_config ... #ClientAliveInter..._命令行sftp 可以连,但程序sftp连不行

Electron安装配置_electron配置-程序员宅基地

文章浏览阅读747次。Electron把Chromium和HTMLWeb页面整合到了一起,最终成为一个GUI桌面应用,还有其他很强大的功能,如访问硬件、通信等。_electron配置

垃圾模块清理工具小程序功能模块0.33_模块碎片清理模块-程序员宅基地

文章浏览阅读162次。简介:是一款可以帮你快速删除模块本身删除后中数据库残留的模块信息,能够让你快速重新安装相关模块。用途:1.把自己觉得实在用不到的模块从网站目录及数据库中删除2.有的朋友站内装了很多模块,过了段时间发现很多又用不上,浪费了网站空间资源,影响运行速度,想想删除,可除了模块文件夹外,又不知道哪里应该删除。使用方法:模块会列出站内所有除了系统功能之外的模块,删除时将删除模块对应的数据库及模块目录。注意事项:1.模块只能是站长身份才可以使用,其它人没办法使用。2.删除模块后,想在恢复只需要重新_模块碎片清理模块

HTTP文档-程序员宅基地

文章浏览阅读1.4k次。http是客户端与服务端传输文本的一种协议标准http协议是无状态的http协议默认端口是80hrrps协议(加密传输)端口443一、请求方法get(获取信息页面)post(上传,修改,添加,服务端信息)put(修改)delete(删除)head(只返回头信息)trace(回显服务器收到的请求,主要用于测试或诊断)connect(HTTP/1.1协议中预留给能够将连接改为管道方式的代理服务器)options(客户端查看服务器性能)二、请求报文建立TCP连接在HT_http文档

随便推点

Qt界面篇:用Qt制作一个简单的属性页对话框_qt 设计属性窗口-程序员宅基地

文章浏览阅读1k次。Qt界面篇:用Qt制作一个简单的属性页对话框_qt 设计属性窗口

信息项目管理师项目管理领域理论知识_信息管理工程师10大-程序员宅基地

文章浏览阅读499次。一、项目管理分为五大过程组(47个过程),10大知识领域,如下图:典型生命周期模型如下:二、管理过程1. 项目整体管理说明:项目整体管理包括隶属于项目管理过程组的各种过程和项目管理活动进行识别、定义、组合、统一和协调的过程。在项目管理中,整合兼具统一、合并、沟通和建立联系的性质,这些行动应该贯穿项目始终。作用:通过项目整合管理,我们完成了资源分配,平衡竞争性需求,研究各..._信息管理工程师10大

MySQL学习好书推荐-程序员宅基地

文章浏览阅读68次。5、《深入浅出MySQL+数据库开发、优化与管理维护+第2版+唐汉明》1、《MySQL技术内幕 InnoDB存储引擎》4、《千金良方:MySQL性能优化金字塔法则》3、《MySQL是怎样运行的》2、《MySQL排错指南》6、《MySQL大智小技》

改良规则引擎_规则引擎分布式改造-程序员宅基地

文章浏览阅读1.7k次。 规则引擎在国内有过一段时期的热潮,特别是JBoss收购了Drools之后,很多人开始关注规则引擎究竟是什么东西。 通过一定程度的了解,大家知道,规则引擎是一个业务逻辑的配置实现。业务逻辑层的代码一般我们通过程序代码实现,但是程序代码不能直观的体现逻辑,而且修改必须由程序员进行。因此我们希望提供一种实现,能够直观的体现逻辑,并且最好可以由业务人员直接修改。 因此从这个角度来说,需要有一个可供业务人_规则引擎分布式改造

磁铁驱动反向续流串接电阻的的分析-程序员宅基地

文章浏览阅读2.9k次,点赞6次,收藏24次。■ 电磁铁驱动电磁铁对外产生的磁场与流过的电流之间,在电磁铁没有饱和之前大体呈现线性关系。如果忽略磁滞、磁饱和等非线性的特点,可以通过控制流经电磁铁的电流来控制它的电磁吸引力。电磁铁一般可以等效成电感LLL和电阻RRR的串联。流经的稳态电流I0I_0I0​与施加在电磁铁两端的平均电压Uˉ\bar UUˉ之间的关系为:I0=UˉRI_0 = {{\bar U} \over R}I0​=RUˉ​。在通常情况下,可以使用PWM来驱动电磁铁,达到很高的工作效率。如果双极性PWM电压波形的峰值为E0E_0E_磁铁驱动反向续流串接电阻的的分析

p值还是 FDR ?-程序员宅基地

文章浏览阅读664次。p值还是 FDR ?差异分析如何筛选显著性差异基因,p value, FDR 如何选经常有同学询问如何筛选差异的基因(蛋白)。已经计算了表达量和p value值,差异的基因(蛋白)太多了,如何筛选。其中最为关键的是需要对p value进行校正。基本概念:零假设:在随机条件下的分布。p值:在零假设下,观测到某一特定实验结果的概率称为p值。..._用log pvalue 还是fdr

推荐文章

热门文章

相关标签