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

相关推荐
千里马-horse12 小时前
Effect 简介
typescript·effect·简介
用户726686170569817 小时前
找不到模块“virtual:svg-icons-register”或其相应的类型声明的解决办法
typescript
鹤鸣的日常17 小时前
Vue + element plus 二次封装表格
前端·javascript·vue.js·elementui·typescript
by__csdn19 小时前
Electron入门:跨平台桌面开发指南
前端·javascript·vue.js·typescript·electron·html
小小前端_我自坚强1 天前
TypeScript 高级特性详解
前端·typescript
用户47949283569152 天前
TypeScript 简史:它是怎么拯救我的烂代码的
javascript·typescript
Kisang.3 天前
【HarmonyOS】ArkWeb——从入门到入土
前端·华为·typescript·harmonyos·鸿蒙
Kisang.3 天前
【HarmonyOS】性能优化——组件的封装与复用
华为·性能优化·typescript·harmonyos·鸿蒙
U***49834 天前
前端TypeScript教程汇总,从基础到高级
前端·javascript·typescript
百***35514 天前
TypeScript 与后端开发Node.js
javascript·typescript·node.js