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

相关推荐
Damon小智15 小时前
仓颉 Markdown 解析库在 HarmonyOS 应用中的实践
华为·typescript·harmonyos·markdown·三方库
熊猫钓鱼>_>1 天前
TypeScript前端架构与开发技巧深度解析:从工程化到性能优化的完整实践
前端·javascript·typescript
敲敲敲敲暴你脑袋1 天前
Canvas绘制自定义流动路径
vue.js·typescript·canvas
m0dw1 天前
vue懒加载
前端·javascript·vue.js·typescript
流影ng2 天前
【HarmonyOS】并发线程间的通信
typescript·harmonyos
duansamve3 天前
TS在Vue3中的使用实例集合
typescript·vue3
FanetheDivine3 天前
ts中如何描述一个复杂函数的类型
前端·typescript
struggle20254 天前
AxonHub 开源程序是一个现代 AI 网关系统,提供统一的 OpenAI、Anthropic 和 AI SDK 兼容 API
css·人工智能·typescript·go·shell·powershell
执剑、天涯5 天前
通过一个typescript的小游戏,使用单元测试实战(二)
javascript·typescript·单元测试
chéng ௹5 天前
Vue3+Ts+Element Plus 权限菜单控制节点
前端·javascript·vue.js·typescript