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是兼容类型

相关推荐
晴栀ay2 小时前
JS的超集——TypeScript
前端·react.js·typescript
EndingCoder2 小时前
高级类型:联合类型和类型别名
linux·服务器·前端·ubuntu·typescript
有意义2 小时前
TypeScript 不是加法,是减法
react.js·typescript·前端框架
UIUV3 小时前
TypeScript深度学习笔记:从动态语言到强类型工程化实践
前端·typescript
麷飞花4 小时前
TypeScript问题
前端·javascript·vscode·typescript·ts
孟无岐4 小时前
【Laya】InputManager 输入管理器
typescript·游戏引擎·游戏程序·laya
南村群童欺我老无力.14 小时前
Flutter应用鸿蒙迁移实战:性能优化与渐进式迁移指南
javascript·flutter·ci/cd·华为·性能优化·typescript·harmonyos
yyf1989052521 小时前
Vue 3的中文文献
typescript
踢球的打工仔1 天前
typescript-null和undefined
前端·javascript·typescript
奔跑的web.1 天前
TypeScript 接口(interface)完全指南:语法、特性与实战技巧
linux·ubuntu·typescript