返回顶部
首页 > 资讯 > 精选 >TypeScript是什么
  • 139
分享到

TypeScript是什么

2023-06-22 00:06:42 139人浏览 安东尼
摘要

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

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是什么问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注编程网精选频道了解更多相关知识。

--结束END--

本文标题: TypeScript是什么

本文链接: https://lsjlt.com/news/301609.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • TypeScript是什么
    TypeScript是什么,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。前言:TypeScript是JavaScript的超集,它可以编译成纯JavaScript代码。那为...
    99+
    2023-06-22
  • 什么是TypeScript策略模式
    本篇内容介绍了“什么是TypeScript策略模式”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! ...
    99+
    2024-04-02
  • 一文了解什么是TypeScript?
    目录1.JavaScript的问题2.TypeScript的优势3.TypeScript的缺点4.TypeScript的运行环境5.作用域问题前言: TypeScript是Java...
    99+
    2024-04-02
  • 什么是Typescript以及其优缺点是什么
    什么是Typescript以及其优缺点是什么,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。JavaScript可能是现代网络的事实上的语言,但长期以来,它也是我选择脚本编写的语...
    99+
    2023-06-16
  • TypeScript中的递归类型是什么
    这篇文章主要讲解了“TypeScript中的递归类型是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“TypeScript中的递归类型是什么”吧!什么是递归类型?递归类型是指一个类型在定义...
    99+
    2023-07-05
  • JavaScript与TypeScript中==和===的区别是什么
    这篇“JavaScript与TypeScript中==和===的区别是什么”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Ja...
    99+
    2023-06-29
  • TypeScript中的接口和泛型是什么
    这篇文章给大家分享的是有关TypeScript中的接口和泛型是什么的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。接口使用 interface 关键字来定义数据类型对象类型当存在于较长的数据类型约束时,我们可以通过...
    99+
    2023-06-29
  • TypeScript中函数与类的概念是什么
    这篇文章主要讲解了“TypeScript中函数与类的概念是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“TypeScript中函数与类的概念是什么”吧!...
    99+
    2024-04-02
  • TypeScript中interface和type间的区别是什么
    这篇文章主要介绍“TypeScript中interface和type间的区别是什么”,在日常操作中,相信很多人在TypeScript中interface和type间的区别是什么问题上存在疑惑,小编查阅了各式...
    99+
    2024-04-02
  • vue中使用typescript配置步骤是什么
    这篇文章主要讲解了“vue中使用typescript配置步骤是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“vue中使用typescript配置步骤是什么”吧!1、vue老项目引入Typ...
    99+
    2023-06-21
  • Vue+TypeScript中处理computed的方式是什么
    今天小编给大家分享一下Vue+TypeScript中处理computed的方式是什么的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一...
    99+
    2023-06-29
  • TypeScript泛型参数的默认值是什么
    这篇文章主要介绍“TypeScript泛型参数的默认值是什么”,在日常操作中,相信很多人在TypeScript泛型参数的默认值是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”TypeScript泛型参数的...
    99+
    2023-07-02
  • 面对TypeScript,坚持JS的理由是什么?
      “前端工程师用 JavaScript,C#工程师用 TypeScript,Ruby工程师用 CoffeeScript,Java工程师用Dart。”你对这句话怎么看呢本文主要讨论了JavaScript和TypeScript之间的...
    99+
    2023-06-03
  • TypeScript 4.1中的模板字面类型是什么
    这篇文章主要介绍“TypeScript 4.1中的模板字面类型是什么”,在日常操作中,相信很多人在TypeScript 4.1中的模板字面类型是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”TypeScr...
    99+
    2023-06-15
  • TypeScript环境搭建的实现步骤是什么
    TypeScript环境搭建的实现步骤是什么,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。1. 安装TS环境进入到要项目文件夹中,使用 npm init --yes 初始化...
    99+
    2023-06-26
  • TypeScript中变量和接口的作用是什么
    本文小编为大家详细介绍“TypeScript中变量和接口的作用是什么”,内容详细,步骤清晰,细节处理妥当,希望这篇“TypeScript中变量和接口的作用是什么”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。TS变...
    99+
    2023-06-05
  • 为什么不使用TypeScript
    这篇文章主要为大家展示了“为什么不使用TypeScript”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“为什么不使用TypeScript”这篇文章吧。有风险哇。...
    99+
    2024-04-02
  • TypeScript 2.7有什么改进
    小编给大家分享一下TypeScript 2.7有什么改进,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!TypeScript 2.7版本引入了一些突破性的改变,开发...
    99+
    2023-06-19
  • TypeScript的交叉类型和联合类型是什么
    这篇文章主要介绍了TypeScript的交叉类型和联合类型是什么的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇TypeScript的交叉类型和联合类型是什么文章都会有所收获,下面我们一起来看看吧。交叉类型(In...
    99+
    2023-07-04
  • react结合typescript封装组件的方法是什么
    今天小编给大家分享一下react结合typescript封装组件的方法是什么的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。项...
    99+
    2023-07-06
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作