我的编程空间,编程开发者的网络收藏夹
学习永远不晚

TypeScript是什么

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

TypeScript是什么

TypeScript是什么,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

前言:

TypeScriptJavaScript的超集,它可以编译成纯JavaScript代码。

那为什么会出现TypeScript这门语言,主要是因为现在的JavaScript可以开发很多复杂的项目,但是JavaScript又缺乏其可靠性,在使用的时候需要我们为了代码的健壮性需要添加很多业务逻辑去判断。

TypeScript可以运行在浏览器环境、Node.js环境或者ECMAScript3或者更高的JavaScript的引擎中。

1.JavaScript的问题

JavaScript的问题主要有如下几个:

JavaScript的类型异常只有在运行的时候才可以发现。

因为JavaScript的函数的类型是不明确的,有可能导致函数的最终功能导致出现问题,

如下这段代码:

function sum(x, y){  return x + y}sum(100, '100') // 100100

2.TypeScript的优势

  • JavaScript是动态类型的编程语言,所谓的动态类型,就是在编译时候时候才知道其数据类型是Number 还是String;而TypeScript是静态类型的编程语言,所谓的静态类型就是编写的时候就知道其数据类型是什么,比例定义一个变量

let num: number = 6;

num这个变量从头到尾只能是number类型,如果将字符串赋值给他就会抛出异常。

所以说,TypeScript的优势如下:

  • 在开发过程中,就可以定位的错误的地方,方便我们检查错误。

  • TypeScript属于渐进式的编程语言,如果不懂其语法可以完全将其当做JavaScript来用。

  • 减少了我们在开发过程中的不必要的类型检查。

  • 静态类型的代码提示是要优于静态类型代码提示的。

  • 在进行项目重构的时候会更加简单。

  • 静态类型的代码语义化比动态类型更好,可读性更好。

3.TypeScript的缺点

TypeScript并不是只有优点,没有缺点的,它的缺点都是相对于JavaScript来说,

具体如下几点:

  • 相对于JavaScript来说,TypeScript本身增加了许多的概念。例如泛型、接口等概念。

  • 使用TypeScript开发在短期内会增加一些成本,但是对于一个需要长期维护的项目,TypeScript能够减少其维护成本。

  • 可能和一些库结合的不是很完美。

4.TypeScript的运行环境

TypeScript是运行是建立在Node.js环境基础之上的,所以需要先安装一下Node.js。

安装Node.js等一系列操作以忽略

安装TypeScript的命令如下:

npm install -g typescript@3.6.4

这里我通过@指定版本号,也可以不指定版本号

安装完TypeScript后,还需要安装一个ts-node的工具,如果安装该工具话是不能直接运行TS代码的,需要将TS的代码编成JavaScript后才能执行。

执行流程如下:

# 编译 TS 代码tsc demo.ts # 编译后会得到 demo.js 文件,然后就可以运行了

如果安装了node-ts工具后,就可以直接执行TS代码了。

具体步骤如下:

# 1. 全局安装 npm install -g ts-node@8.4.1# 2. 运行代码ts-node demo.ts

值得注意的是安装之后的目录一定需要在环境变量中,不然会报错的。

5.作用域问题

我们在项目中执行ts文件时,如果不同文件中存在相同的变量名是会抛出异常的 ,

示例代码如下:

a.tslet str: string = 'Hello World'
b.tslet str: string = '一碗周'

此时就会抛出一个异常,即无法重新声明块范围变量“str”,如果编辑器是VScode的话,鼠标悬停到变量名会进行提示。

解决这个问题的方式有两种,第一种是为每个文件创建一个立即执行函数(即匿名函数),保证每个文件都拥有单独的作用域。

示例代码如下:

(function() {  let str: string = '一碗周'}){}

第二种方式是使用export将当前文件作为模块导出。示例代码如下:

let str: string = '一碗周'export {}

关于TypeScript是什么问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注编程网行业资讯频道了解更多相关知识。

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

TypeScript是什么

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

TypeScript是什么

TypeScript是什么,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。前言:TypeScript是JavaScript的超集,它可以编译成纯JavaScript代码。那为
2023-06-22

什么是Typescript以及其优缺点是什么

什么是Typescript以及其优缺点是什么,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。JavaScript可能是现代网络的事实上的语言,但长期以来,它也是我选择脚本编写的语
2023-06-16

TypeScript中的递归类型是什么

这篇文章主要讲解了“TypeScript中的递归类型是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“TypeScript中的递归类型是什么”吧!什么是递归类型?递归类型是指一个类型在定义
2023-07-05

JavaScript与TypeScript中==和===的区别是什么

这篇“JavaScript与TypeScript中==和===的区别是什么”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Ja
2023-06-29

TypeScript中的接口和泛型是什么

这篇文章给大家分享的是有关TypeScript中的接口和泛型是什么的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。接口使用 interface 关键字来定义数据类型对象类型当存在于较长的数据类型约束时,我们可以通过
2023-06-29

面对TypeScript,坚持JS的理由是什么?

“前端工程师用 JavaScript,C#工程师用 TypeScript,Ruby工程师用 CoffeeScript,Java工程师用Dart。”你对这句话怎么看呢?本文主要讨论了JavaScript和TypeScript之间的恩怨情仇
2023-06-03

Vue+TypeScript中处理computed的方式是什么

今天小编给大家分享一下Vue+TypeScript中处理computed的方式是什么的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一
2023-06-29

TypeScript泛型参数的默认值是什么

这篇文章主要介绍“TypeScript泛型参数的默认值是什么”,在日常操作中,相信很多人在TypeScript泛型参数的默认值是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”TypeScript泛型参数的
2023-07-02

vue中使用typescript配置步骤是什么

这篇文章主要讲解了“vue中使用typescript配置步骤是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“vue中使用typescript配置步骤是什么”吧!1、vue老项目引入Typ
2023-06-21

TypeScript中变量和接口的作用是什么

本文小编为大家详细介绍“TypeScript中变量和接口的作用是什么”,内容详细,步骤清晰,细节处理妥当,希望这篇“TypeScript中变量和接口的作用是什么”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。TS变
2023-06-05

TypeScript 4.1中的模板字面类型是什么

这篇文章主要介绍“TypeScript 4.1中的模板字面类型是什么”,在日常操作中,相信很多人在TypeScript 4.1中的模板字面类型是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”TypeScr
2023-06-15

TypeScript环境搭建的实现步骤是什么

TypeScript环境搭建的实现步骤是什么,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。1. 安装TS环境进入到要项目文件夹中,使用 npm init --yes 初始化
2023-06-26

TypeScript 2.7有什么改进

小编给大家分享一下TypeScript 2.7有什么改进,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!TypeScript 2.7版本引入了一些突破性的改变,开发
2023-06-19

react结合typescript封装组件的方法是什么

今天小编给大家分享一下react结合typescript封装组件的方法是什么的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。项
2023-07-06

TypeScript的交叉类型和联合类型是什么

这篇文章主要介绍了TypeScript的交叉类型和联合类型是什么的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇TypeScript的交叉类型和联合类型是什么文章都会有所收获,下面我们一起来看看吧。交叉类型(In
2023-07-04

编程热搜

  • Python 学习之路 - Python
    一、安装Python34Windows在Python官网(https://www.python.org/downloads/)下载安装包并安装。Python的默认安装路径是:C:\Python34配置环境变量:【右键计算机】--》【属性】-
    Python 学习之路 - Python
  • chatgpt的中文全称是什么
    chatgpt的中文全称是生成型预训练变换模型。ChatGPT是什么ChatGPT是美国人工智能研究实验室OpenAI开发的一种全新聊天机器人模型,它能够通过学习和理解人类的语言来进行对话,还能根据聊天的上下文进行互动,并协助人类完成一系列
    chatgpt的中文全称是什么
  • C/C++中extern函数使用详解
  • C/C++可变参数的使用
    可变参数的使用方法远远不止以下几种,不过在C,C++中使用可变参数时要小心,在使用printf()等函数时传入的参数个数一定不能比前面的格式化字符串中的’%’符号个数少,否则会产生访问越界,运气不好的话还会导致程序崩溃
    C/C++可变参数的使用
  • css样式文件该放在哪里
  • php中数组下标必须是连续的吗
  • Python 3 教程
    Python 3 教程 Python 的 3.0 版本,常被称为 Python 3000,或简称 Py3k。相对于 Python 的早期版本,这是一个较大的升级。为了不带入过多的累赘,Python 3.0 在设计的时候没有考虑向下兼容。 Python
    Python 3 教程
  • Python pip包管理
    一、前言    在Python中, 安装第三方模块是通过 setuptools 这个工具完成的。 Python有两个封装了 setuptools的包管理工具: easy_install  和  pip , 目前官方推荐使用 pip。    
    Python pip包管理
  • ubuntu如何重新编译内核
  • 改善Java代码之慎用java动态编译

目录