TypeScript 简介及安装

文档

  1. typeScript官网
  2. 中文文档:https://www.tslang.cn/index.html
  3. 中文文档(简洁点):https://typescript.bootcss.com
  4. MDN

概述

TypeScript 是以JavaScript为基础构建的语言。

TypeScript 是一个为 JavaScript 添加静态类型检查的编程语言。

TypeScript 是 JavaScript 的超集:因此 JavaScript 语法是合法的 TypeScript ,TypeScript 和JavaScript 的运行时行为是相同的。

注意:TypeScript不能被 JavaScript 解析器直接执行,需要编译转换成 JavaScript 再执行。

既然 TypeScript 要转换成 JavaScript 再执行,那为什么还要使用TypeScript呢?

TypeScript是JavaScript的超集,在JavaScrip的基础上扩展了以下内容:

  1. 静态类型系统
    • 可以为变量、函数参数、函数返回值等明确指定类型,如 string、number、boolean、自定义对象类型等。
  2. 类(Class)
    • 支持类的定义,包括属性、方法、访问修饰符(public、private、protected)等。
  3. 接口(Interface)
    • 用于定义对象的形状和行为规范。
  4. 枚举(Enum)
    • 可以定义一组命名的常量值。
  5. 泛型(Generics)
    • 使函数和类可以在多种类型上工作,提高代码的复用性和灵活性。
  6. 模块(Module)
    • 提供了更好的模块组织和管理方式,如 import 和 export 语句。
  7. 装饰器(Decorator)
    • 一种特殊的声明,可以修改类、方法、属性等的行为。
  8. 可选参数和默认参数
    • 函数参数可以设置为可选的,并提供默认值。

安装TypeScript

  1. 下载并安装Node.js
  2. 使用npm全局安装
npm install -g typescript
  1. 版本查询
tsc -v 

在这里插入图片描述
安装成功,但是执行tsc -v 命令,查看安装的ts版本时报错:

tsc : 无法加载文件 D:\nodejs\node_global\tsc.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.
com/fwlink/?LinkID=135170 中的 about_Execution_Policies。

这个错误提示表明系统执行策略限制了脚本的运行。解决问题:

  1. 以管理员身份运行 Windows PowerShell 。
  2. 输入以下命令来更改执行策略,以允许本地脚本运行:
Set-ExecutionPolicy RemoteSigned
  1. 在出现的提示中,选择“Y”(是)来确认更改执行策略。
    在这里插入图片描述
  2. 再次尝试执行 tsc -v 命令,执行成功

接下来就可以使用TypeScript了。

构建一个TypeScript文件

创建 TS_01.ts 文件,并编写TS代码:

console.log("hello TS!");

在这里插入图片描述
编译代码:

  1. 第1种方法:在编辑器终端 运行TypeScript编译器 tsc TS_01.ts
  2. 第2种方法:打开TS_01.ts 所在文件夹,运行 Windows PowerShell,运行TypeScript编译器 tsc TS_01.ts
    在这里插入图片描述
    输出结果为一个TS_01.js文件,它包含了和输入文件中相同的JavsScript代码。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://xiahunao.cn/news/3281790.html

如若内容造成侵权/违法违规/事实不符,请联系瞎胡闹网进行投诉反馈,一经查实,立即删除!

相关文章

【C/C++】VC项目 启用C++异常选项 /EHa /EHsc /EHs 有什么区别,不同编译选择的dll在一个程序中相互调用是否会引发类似崩溃的故障

VC项目 启用C异常选项 /EHa /EHsc /EHs 有什么区别,不同编译选择的dll在一个程序中相互调用是否会引发类似崩溃的故障? 在Visual C中,不同的异常处理模型通过编译器选项 /EHa、/EHsc 和 /EHs 进行控制。这些选项会影响编译器如何生成与异常处…

SD写真实战,通用写真工作流InstantID分享

在人工智能图像生成领域,Stable Diffusion以其强大的图像生成能力而备受关注。而InstantID作为Stable Diffusion的通用写真工作流,更是将写真生成推向了一个新的高度。现在,让我们一起探索InstantID的工作流,一键生成你的专属写真…

基于RK3588J电力巡检机器人系统控制嵌入式AI主板

智慧巡检 信迈提供基于Intel平台、Rockchip平台、飞腾平台的核心板、3.5寸板、Mini-ITX主板、Micro-ATX主板以及嵌入式准系统等计算机硬件。产品小体积,低功耗设计,提供丰富串口、USB、LAN、Mini-PCIe扩展接口等I/O接口,具备优秀的扩展能力和…

英伟达开始引领下一波浪潮:物理AI

这可能会是AI技术形态的一个转折点,大模型的下一个形态,不再是人和模型一轮一轮的即时问答了。 当地时间 7 月 29 日,在美国丹佛举行的第 51 届 SIGGRAPH 计算机图形学会议上,英伟达创始人、CEO 黄仁勋与 Meta 创始人、CEO 马克・扎克伯格进…

Shell教程

Shell教程 0.参考链接1.什么是.sh文件2.编写规范3.编程语法3.1变量3.2运算符3.3控制语句3.4 shell脚本传参3.5 函数3.6 脚本调试3.7 pidof命令3.8killall相关命令 0.参考链接 [1].sh文件 [2]Linux–Shell基础 [3]SHELL脚本–expr命令全解 [4]pidof [5]linux killall 、kill 、…

开放式耳机原理是什么?通过不入耳的方式,享受健康听音体验

在开放式耳机的领域又细分了骨传导和气传导两种类型的耳机, 气传导开放式耳机原理 气传导是传统的声音传递方式,它依赖于空气作为声音传播的介质。 声源输入:与普通开放式耳机相同,音频设备通过耳机线将电信号传递到耳机。 驱动…

TCP 和 UDP 之间的区别?

从 连接,可靠性,传输方式等方面: TCP 是面向连接的协议,在发送数据的时候需要先通过 TCP 的三次握手,而 UDP 是无连接的协议,可以直接传输数据TCP 通过超时重传,流量控制和拥塞控制等方法保障了…

2023年中医药市场深度剖析:政策引领,创新驱动,迈向黄金发展期!

中医药作为中国传统文化的重要组成部分,在现代医学体系中占据着独特的地位。本文基于《药融咨询》发布的《中药行业现状与未来趋势白皮书》,深入分析了中医药行业的发展现状、政策环境、市场情况、研发进展及未来发展趋势,旨在为行业内外的读…

Pycharm打开 .xlsx文件 使用系统自带的软件

问题由来 最初默认是使用自带的软件打开 同事电脑默认打开方式是pycharm,有点不好弄,希望打开方式是默认系统默认; 自己尝试修改了一下自己的.xlsx打开方式,无法解决同事问题,后删除默认,自己电脑就出现乱码…

华杉研发九学习日记18 集合 泛型

华杉研发九学习日记18 一,集合框架 1.1 集合和数组的区别 集合就是在java中用来保存多个对象的容器 集合是数组的升级版,集合中只能放置对象[object]. 数组: 在java中用来保存多个具有相同数据类型数据的容器 数组弊端: 1.数组只能保存…

http代理和socks5代理哪个更适合你的网络需求?

在选择HTTP代理和SOCKS5代理时,哪个更适合你的网络需求主要取决于你的具体使用场景和需求。以下是对两者特点及应用场景的详细分析,以帮助你做出更合适的选择: HTTP代理 特点: 协议层级:http代理工作在应用层&#x…

WebLogic:弱口令,木马反弹连接

weblogic WebLogic 是 Oracle 公司开发的应用服务器,主要用作开发、集成、部署和管理大型分布式 Web 应用、网络应用和数据库应用的 Java 应用服务器。它在历史上曾出现过多个安全漏洞,其中包括弱口令、任意文件上传、SSRF、反序列化漏洞等 常见版本&a…

CentOS通过rsync实现文件同步(daemon方式)

rsync介绍 rsync是Liunx下的远程数据同步工具,可快速同步多台服务器间的文件和目录,并可实现增量同步以减少数据的传输。 rsync有两种常用的认证方式,一种是rsync-daemon方式,另外一种是ssh方式。 daemon 方式与 ssh 方式相比有…

Docker 搭建 Minio 容器

Docker 搭建 Minio 容器 (完整详细版) 简介: Minio 是一个基于Apache License v2.0开源协议的对象存储服务,虽然轻量,却拥有着不错的性能。它兼容亚马逊S3云存储服务接口,非常适合于存储大容量非结构化的数据。 例如图片、视频、日…

【获取Jmeter中正则获取的数据】

获取参数值保存在本地 Jmeter获取参数保存本地【三步走策略】【一】正则表达式提取器【二】BeanShell 后置处理程序【三】执行看结果 Jmeter获取参数保存本地【三步走策略】 节省人工成本之获取参数值保存本地 【一】正则表达式提取器 【二】BeanShell 后置处理程序 FileWri…

归并排序 python C C++ 图解 代码 及解析

一,概念及其介绍 归并排序(Merge sort)是建立在归并操作上的一种有效、稳定的排序算法,该算法是采用分治法(Divide and Conquer)的一个非常典型的应用。将已有序的子序列合并,得到完全有序的序列&#xff…

下载安装docker并解决拉去镜像的connect:connection refused问题(2024.7.31亲测有效)

原文链接:使用国内链接安装最新docker 最近dockerhub已经不能访问了,使用原先的方式安装docker,服务器上也总是连接不上,所以找了种可以在国内正常安装新版docker的方式 适用系统:centos7 先删除本机旧的或者残留的…

书生大模型实战营闯关 - 8GB显存玩转书生大模型demo

创建开发机 创建一个使用10%GPU算力,cuda12.2系统的开发机,并启动。由于开发机的IO性能较差,开发机共享盘中已经创建好了本次实验所需要的conda环境 # 启动共享的conda环境 conda activate /root/share/pre_envs/icamp3_demo部署cli模型 创…

Python安装与环境配置,2024最新,超详细保姆级教程!

安装Python 来到Python官网:https://www.python.org/ Downloads>Windows: 选择想要的版本后点击进去: 下载后点击安装: 在本地电脑输入命令提示符:winR 环境变量配置 若执行命令提示符,输入Python后&…