typescript开发环境搭建

typescript是基于javascript的强类型标记性语言,使用typescript语言可开发出不同规模的、易于扩展的web前端页面应用,本文主要描述typescript的开发环境搭建。

|---------------------------|
| npm install -g typescript |

如上所示,在本地开发环境中,使用nodejs运行时环境、使用npm包管理工具、使用npm安装typescript编译环境,typescript编译环境主要用于将typescript文件转换成javascript文件

typescript编译

如上所示,在本地开发环境中,使用typescript的编译环境将typescript的文件greeter.ts编译成javascript的文件greeter.js

typescript类型标记

如上所示,typescript编译环境在编译期间对代码执行类型检查,很明显地,person是字符串强类型标记,user是数组类型,字符串与数组是不同的类型参数,因而发生类型不兼容的编译错误

typescript接口类型

如上所示,在本地开发环境中,定义一个person接口类型、user在内部结构的形态上是接口person的一个具体实现,因而,user与person是相同的对象类型

typescript类类型

如上所示,在OOP面向对象编程模型中,在内部结构的形态上,类student是接口person的一个具体实现,因而student与person是兼容类型

相关推荐
真夜3 小时前
el-table递归表头的坑
前端·vue.js·typescript
亦黑迷失3 小时前
canvas + ts 实现将图片一分为二的功能,并打包发布至 npm
前端·typescript·canvas
小钰能吃三碗饭7 小时前
第二篇:【前端进阶之道】现代 JavaScript 高级特性实战指南
前端·javascript·typescript
太阳花ˉ8 小时前
(一)栈结构、队列结构
typescript
莫循瑾木10 小时前
如何在大型项目中有效使用TypeScript进行类型定义?
前端·typescript·前端工程化
vvilkim18 小时前
深入理解 TypeScript 中的 implements 和 extends:区别与应用场景
前端·javascript·typescript
孟陬1 天前
引入模式匹配到 TypeScript 中:介绍 TS-Pattern
typescript
io无心2 天前
node_modules\deasync: Command failed.
typescript·yarn
记得早睡~3 天前
leetcode51-N皇后
javascript·算法·leetcode·typescript
sen_shan3 天前
Vue3+Vite+TypeScript+Element Plus开发-04.静态菜单设计
前端·javascript·typescript·vue3·element·element plus·vue 动态菜单