前端TS习题

本次一共推出三篇文章,TS基础篇、TS高阶篇、TS习题篇,三篇文章均已发布。

基础题

1. 基本类型

题目

请定义一个变量 count,类型为 number

答案
let count: number
解释

我们使用 let 关键字定义变量,并指定其类型为 number

2. 接口

题目

定义一个接口 Person,包含 name(字符串类型) 和 age(数字类型)两个属性。然后定义一个变量 person,并使用该接口。

答案
interface Person {
  name: string;
  age: number;
}

let person: Person = {
  name: "John",
  age: 30
};
解释

定义了接口 Person,包含 nameage 两个属性。然后定义了一个变量 person,并使用 Person 接口来确保其具有 nameage 属性。

3. 类

题目

定义一个类 Animal,具有属性 name(字符串类型) 和方法 move(返回 void)。实例化一个对象 dog,并调用其 move 方法。

答案
class Animal {
  name: string;

  constructor(name: string) {
    this.name = name;
  }

  move(): void {
    console.log(`${this.name} is moving.`);
  }
}

let dog = new Animal("Dog");
dog.move();  // 输出: Dog is moving.
解释

定义了一个类 Animal,包含一个构造函数来初始化 name 属性,以及一个 move 方法来输出相关信息。实例化了一个对象 dog 并调用了其 move 方法。

4. 函数

题目

定义一个函数 add,接受两个参数 xy 类型为 number,并返回它们的和。然后调用此函数并输出结果。

答案
function add(x: number, y: number): number {
  return x + y;
}

let result = add(3, 4);
console.log(result);  // 输出: 7
解释

定义了一个 add 函数,接受两个参数 xy,类型为 number,并返回它们的和。调用了此函数并输出结果。

5. 泛型

题目

定义一个泛型函数 identity,接受一个参数并返回它。然后使用这个函数处理字符串和数字类型的参数。

答案
function identity<T>(arg: T): T {
  return arg;
}

let output1 = identity<string>("hello");
let output2 = identity<number>(42);

console.log(output1);  // 输出: hello
console.l

相关推荐

  1. 前端TS习题

    2024-07-20 10:22:04       14 阅读
  2. 前端 TS

    2024-07-20 10:22:04       27 阅读
  3. 前端TS语法基础篇

    2024-07-20 10:22:04       19 阅读
  4. 前端+鸿蒙」鸿蒙应用开发-TS函数

    2024-07-20 10:22:04       23 阅读
  5. 2024前端面试准备6-TS基础

    2024-07-20 10:22:04       27 阅读
  6. 前后端AES对称加密 前端TS 后端Go

    2024-07-20 10:22:04       51 阅读
  7. 前端+鸿蒙」鸿蒙应用开发-TS声明和数据类型

    2024-07-20 10:22:04       27 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-20 10:22:04       52 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-20 10:22:04       54 阅读
  3. 在Django里面运行非项目文件

    2024-07-20 10:22:04       45 阅读
  4. Python语言-面向对象

    2024-07-20 10:22:04       55 阅读

热门阅读

  1. 在SAP中,ME22N使用的BAPI是什么

    2024-07-20 10:22:04       18 阅读
  2. AI Native应用中的模型微调

    2024-07-20 10:22:04       19 阅读
  3. 题解/算法 {3219. 切蛋糕的最小总开销 II}

    2024-07-20 10:22:04       10 阅读
  4. web前端 Vue 框架面试120题(一)

    2024-07-20 10:22:04       14 阅读
  5. ceph进程网卡绑定逻辑

    2024-07-20 10:22:04       14 阅读
  6. 网络安全-网络安全及其防护措施12

    2024-07-20 10:22:04       13 阅读
  7. C# 结构体(Struct)

    2024-07-20 10:22:04       16 阅读
  8. Ubuntu Docker 安装

    2024-07-20 10:22:04       15 阅读
  9. protoc-gen-go-http: program not found or is not executable

    2024-07-20 10:22:04       16 阅读
  10. Isaac Lab

    2024-07-20 10:22:04       17 阅读
  11. C#虚方法和抽象方法

    2024-07-20 10:22:04       17 阅读
  12. XSLT 客户端:功能与应用解析

    2024-07-20 10:22:04       15 阅读
  13. 概率论原理精解【1】

    2024-07-20 10:22:04       19 阅读