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

相关推荐
知识分享小能手11 小时前
Vue3 学习教程,从入门到精通,Axios 在 Vue 3 中的使用指南(37)
前端·javascript·vue.js·学习·typescript·vue·vue3
任磊abc16 小时前
vscode无法检测到typescript环境解决办法
ide·vscode·typescript
烛阴16 小时前
精简之道:TypeScript 参数属性 (Parameter Properties) 详解
前端·javascript·typescript
Data_Adventure1 天前
Java 与 TypeScript 的“同名方法”之争:重载机制大起底
前端·typescript
夏小花花1 天前
vue3 ref和reactive的区别和使用场景
前端·javascript·vue.js·typescript
烛阴2 天前
前端必会:如何创建一个可随时取消的定时器
前端·javascript·typescript
日月晨曦2 天前
TypeScript:让JavaScript穿上西装革履
前端·typescript
cvpv2 天前
优雅!太优雅!斯巴拉西!怎么让AI写出最优雅的代码
前端·typescript·trae
江拥羡橙2 天前
【基础-判断】HarmonyOS提供了基础的应用加固安全能力,包括混淆、加密和代码签名能力
安全·华为·typescript·harmonyos
烛阴3 天前
TypeScript 接口入门:定义代码的契约与形态
前端·javascript·typescript