IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> typescript——前言和基础环境配置 -> 正文阅读

[JavaScript知识库]typescript——前言和基础环境配置

前言

JavaScript因为从设计之初就没有考虑类型约束问题,所以造成了我们前端开发人员关于类型思维的缺失,前端开发人员通常不关心变量或者参数是什么类型的,如果当必须确定函数的参数类型时,我们往往需要使用各种判断验证;比如:

(1)当我们去实现一个核心类库时,如果没有类型约束,那么需要对别人传入的参数进行各种验证来保证我们代码的健壮性;

(2)当我们去调用别人的函数时,对方并没有对函数进行任何的注释,我们只能去看里面的逻辑来理解这个函数需要传入什么参数,返回值是什么类型;

为了弥补javaScript在类型约束上的缺陷,增加类型约束,很多公司推出了自己的方案:

(1)2014年,Facebook推出了flow来对javaScript进行类型检查;

(2)同年,Microsoft微软也推出了typeScript1.0版本;

他们都致力于为javaScript提供类型检查; 而现在无疑typeScript已经完全胜出:

(1)Vue2.x的时候采用的就是flow来做类型检查;

(2)Vue3.x已经全线转向typeScript,98.3%使用typeScript进行了重构;

(3)而Angular在很早期就使用typeScript进行了项目重构并且需要使用typeScript来进行开发;

(4)而甚至Facebook公司一些自己的产品也在使用typeScript;

因此深入学习typeScript不仅仅可以为我们的代码增加类型约束,而且可以培养我们前端程序员具备类型思维。

官方对typescript的定义:typeScript是拥有类型的javaScript超集,它可以编译成普通、干净、完整的javaScript代码。我们可以将typeScript理解成加强版的javaScript。 javaScript所拥有的特性,typeScript全部都是支持的,并且它紧随ECMAScript的标准,所以ES6、ES7、ES8等新语法标准,它都是支持的;并且在语言层面上,不仅仅增加了类型约束,而且包括一些语法的扩展,比如枚举类型(Enum)、元组类型(Tuple)等;

基础配置

在前面我们提到过,TypeScript最终会被编译成JavaScript来运行,所以我们需要搭建对应的环境:

我们需要先进行全局的安装:

? npm install typescript -g # 安装命令

? tsc --version # 查看ts版本

编译运行方式一:

? 第一步:通过tsc编译typeScript为javaScript代码;

? 第二步:在浏览器或者Node环境下再去运行javaScript代码;

如果我们每次为了查看typeScript代码的运行效果都经过上面两个步骤的话就太繁琐了,所以推荐使用下面的方式。

编译运行方式二:

? 通过ts-node库,为typeScript的运行提供执行环境;

? 安装:npm install ts-node -g

? 另外需要依赖 tslib 和 @types/node 两个包: npm install tslib @types/node -g

? 现在,我们便可以直接通过 ts-node 来运行TypeScript的代码:ts-node math.ts

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-07-26 11:59:24  更:2021-07-26 12:02:21 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年4日历 -2024/4/25 8:25:39-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码