【TypeScript理解】

简介: 【TypeScript理解】

安装

npm install -g typescript

创建app.ts文件,并把以下代码写入文件

function bigbox (username) {
    return "Hello, " + username;
}
let user = "ZLX";
document.body.innerHTML = bigbox(user);

运行时,命令行上写

tsc bigbox.ts

创建app.html文件,在app.html里输入如下内容:

<!DOCTYPE html>
<html>
    <head><title>运行TypeScript Web应用</title></head>
    <body>
        <script src="app.js"></script>
    </body>
</html>

泛型

函数中使用泛型

注意:sum中传递什么样的类型,他就是什么类型,有自己指定类型

c652403909684b5faa7daf7a8dd8679f.png

在类中使用泛型

df00925e175c437abfc95928d740d56a.png

注:同样下面传递的类型可以指定,例如是:

8a35dbde920848b5a065bf6fd27dd551.png

接口中使用泛型 泛型约束

a5c709abe8544988bd49210cb96fcfc3.png

接口

单继承

interface Person {
   names: string;
}
interface Man extends Shape {
   age: number;
}
// 继承了 Person 的属性
Man.names = "zlx";
Man.age = 5;

多继承

interface Color {
   colors: string;
}
interface Person {
   names: string;
}
interface Man extends Color, Person {
   age: number;
}
const a: Man = {
   colors: 'yellow',
   names: 'zlx',
   age: 18
};




相关文章
|
机器学习/深度学习 人工智能 算法
从申请到调用:全国快递物流查询 API 使用教程
面对越来越多的快递需求和快递公司的日益增多,手动查询快递状态的工作变得愈发繁琐。此时,一个全国快递物流查询 API 的出现能够极大地提高查询的效率和准确性,解决人工查询的问题,为用户提供更加便捷的服务体验。全国快递物流查询 API 可以通过接口自动查询快递状态并返回相应信息,同时还支持自动识别快递公司,方便用户快速查询到自己的快递信息。
2423 0
|
10月前
|
前端开发 搜索推荐
使用DeepSeek快速创建的个人网站
这是一份使用DeepSeek快速创建个人网站的10分钟指南。内容分为四个步骤:搭建基础架构(HTML框架)、设计核心内容区块(关于我、作品展示等)、快速配置样式(CSS美化页面)以及添加联系表单并部署到GitHub Pages。通过简单的代码和DeepSeek的智能辅助功能,用户可以轻松实现个性化调整,如更换主题色、增加模块或优化响应式设计。虽然整体流程简单高效,但可能因功能有限或美观度不足而需进一步扩展与改进。
804 11
|
11月前
|
机器学习/深度学习 自然语言处理
RWKV-7 2.9B 开源发布!纯 RNN 无 KV cache,支持世界所有语言
RWKV-7 2.9B 开源发布!纯 RNN 无 KV cache,支持世界所有语言
348 0
|
算法 vr&ar 计算机视觉
数据结构之洪水填充算法(DFS)
洪水填充算法是一种基于深度优先搜索(DFS)的图像处理技术,主要用于区域填充和图像分割。通过递归或栈的方式探索图像中的连通区域并进行颜色替换。本文介绍了算法的基本原理、数据结构设计(如链表和栈)、核心代码实现及应用实例,展示了算法在图像编辑等领域的高效性和灵活性。同时,文中也讨论了算法的优缺点,如实现简单但可能存在堆栈溢出的风险等。
731 0
|
负载均衡 网络协议 Linux
7. 成功解决:io.netty.util.IllegalReferenceCountException: refCnt: 0, decrement: 1
今天使用 Netty 搭建一个项目,接收报文时提示如下错误:`io.netty.util.IllegalReferenceCountException: refCnt: 0, decrement: 1`
2062 1
|
Kotlin
Kotlin中接口、抽象类、泛型、out(协变)、in(逆变)、reified关键字的详解
Kotlin中接口、抽象类、泛型、out(协变)、in(逆变)、reified关键字的详解
299 0
|
人工智能 机器人 数据库
字节推出「Coze扣子」AI Bot 开发平台,无需编程,让 Chatbot 搭建更快捷、低门槛!
字节推出「Coze扣子」AI Bot 开发平台,无需编程,让 Chatbot 搭建更快捷、低门槛!
954 0
|
JSON 物联网 Shell
Dockerfile指令详解
Dockerfile指令详解
350 0

热门文章

最新文章