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

相关推荐
@AfeiyuO6 小时前
分类别柱状图(Vue3)
typescript·vue·echarts
一只小风华~6 小时前
Vue:条件渲染 (Conditional Rendering)
前端·javascript·vue.js·typescript·前端框架
烛阴14 小时前
【TS 设计模式完全指南】用适配器模式优雅地“兼容”一切
javascript·设计模式·typescript
叫我阿柒啊16 小时前
从Java全栈到前端框架的实战之路
java·数据库·微服务·typescript·前端框架·vue3·springboot
Spider_Man18 小时前
打造属于你的前端沙盒 🎉
前端·typescript·github
定栓1 天前
Typescript入门-JSDoc注释及tsconfig讲解
前端·javascript·typescript
一只小风华~1 天前
Vue:事件处理机制详解
前端·javascript·vue.js·typescript·前端框架
一只小风华~1 天前
Vue: Class 与 Style 绑定
前端·javascript·vue.js·typescript·前端框架
摇滚侠1 天前
Vue3入门到实战,最新版vue3+TypeScript前端开发教程,笔记03
javascript·笔记·typescript
zheshiyangyang2 天前
TypeScript学习【一】
javascript·学习·typescript