Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

typescript javascript

作者:花小泽ノ   发布日期:2026-05-26   浏览:95

// TypeScript代码示例

// 定义一个简单的函数,使用类型注解
function add(a: number, b: number): number {
    return a + b;
}

// 使用接口定义对象的形状
interface Person {
    name: string;
    age: number;
}

// 创建一个符合Person接口的对象
const person: Person = {
    name: "Alice",
    age: 25
};

// 类的定义和使用
class Animal {
    name: string;

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

    makeSound(): void {
        console.log(`${this.name} makes a sound.`);
    }
}

// 继承
class Dog extends Animal {
    constructor(name: string) {
        super(name);
    }

    makeSound(): void {
        console.log(`${this.name} barks.`);
    }
}

// 使用泛型
function identity<T>(arg: T): T {
    return arg;
}

// 调用泛型函数
console.log(identity<string>("Hello, TypeScript!"));

解释说明:

  1. 函数类型注解add 函数接受两个 number 类型的参数并返回一个 number 类型的结果。
  2. 接口Person 接口定义了对象的结构,确保对象包含 nameage 属性。
  3. 类和继承Animal 类定义了一个动物的基本行为,Dog 类继承自 Animal 并重写了 makeSound 方法。
  4. 泛型identity 函数是一个泛型函数,可以接受任何类型的参数并返回相同类型的值。

以上代码展示了 TypeScript 中的一些核心特性,如类型注解、接口、类、继承和泛型。

上一篇:javascript函数

下一篇:vanilla javascript

大家都在看

js 数组打乱顺序

js 两个数组取交集

js 数组对象排序

js 对象数组排序

js 数组删掉第一个值

js fill

js fill方法

js 数组连接

js json数组

js 数组复制

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站