Typescript-----接口

﹏ヽ暗。殇╰゛Y 2024-04-06 11:13 8阅读 0赞

**TypeScript ,**是第三方框架 工具, 是javascript超集 javascript+强类型,基本上对js做了大量拓展 + 强类型校验.

#### **安装**   cnpm i -g typescript 全局安装   tsc --version 查看编译器版本号 ####

#### **接口**可以理解抽象到极致的抽象类，接口中只能存在抽象方法和属性。接口通过interface关键字来声明。 接口可以理解为特殊的类或者特殊的对象。 ####

### 使用类去实现接口，接口就是标准，类按照标准去实现。 ###

### 类去实现接口时，接口的属性和方法，类必须具备。 ###

## 接口理解为特殊的类： ##

interface StudentInterFace{
    	name;
    	say(msg:string):void; //未实现的方法
    	// 抽象方法 没有方法体的方法
    }
    
    class Student implements StudentInterFace{
    	name;
    	say(msg:string):void{
    		console.log(this.name+'说'+msg);
    	};
    	constructor(name){
    		this.name=name
    	}
    	foo(){
    	}
    };
    
    // 父类的引用指向实例对象
    let student:StudentInterFace=new Student('莉莉');
    
    student.say('hello');
    
    
    //莉莉说hello

## 接口理解为特殊的对象： ##

enum Gender{
        male='男'，
        female='女'
    }
    class Student{
        name:string;
        age:number;
        gender:Gender
    }
    interface PropInterFace{
        data:Array<Student>,
        visible:boolean
    }；
    let prop=PropInterFace={
    data:=[
          {name:'lili',age:18,gender:Gender.female},
           {name:'liming',age:20,gender:Gender.male}
    ],
      visible:false
    }
    console.log(prop);
    
    
    
    //{
    //     data: [
    //       { name: 'lili', age: 18, gender: '女' },
    //       { name: 'liming', age: 20, gender: '男' }
    //     ],
    //     visible: false
    //   }

发表评论取消回复

表情：

评论列表（有 0 条评论，8人围观）

还没有评论，来说两句吧...

相关阅读

相关 Typescript-----接口

TypeScript ,是第三方框架工具, 是javascript超集 javascript+强类型,基本上对js做了大量拓展 + 强类型校验. 安装 cnpm i

﹏ヽ暗。殇╰゛Y/ 2024年04月06日 11:13/ 0 赞/ 9 阅读

相关什么是TypeScript 接口？

在 TypeScript 中，接口（Interface）是一种用于描述对象的结构和行为的抽象。它可以定义对象的属性、方法以及其他类型的成员，并在代码中强制实现这些结构和行为。本

Myth丶恋晨/ 2023年10月13日 22:26/ 0 赞/ 62 阅读

相关 TypeScript 接口

接口是一种能力，一种约束而已 (() => { // 定义一个接口 interface Person {

╰半橙微兮°/ 2022年11月03日 14:30/ 0 赞/ 226 阅读

相关 TypeScript的接口

TypeScript 的核心原则之一是对值所具有的结构进行类型检查。我们使用接口（Interfaces）来定义对象的类型。`接口是对象的状态(属性)和行为(方法)的抽象(描述)

骑猪看日落/ 2022年09月01日 09:12/ 0 赞/ 182 阅读

相关 TypeScript 接口

接口在使用中用来规范的作用,定义一个方法需要什么参数,什么返回类型,或者属性什么类型等,实现了接口的类就要遵循接口的规矩 interface ren{ shengao

亦凉/ 2022年07月15日 04:53/ 0 赞/ 242 阅读

相关 TypeScript 接口介绍

一、介绍 TypeScript的核心原则之一是对值所具有的结构进行类型检查。接口的作用就是这些类型名称和为你的代码或第三方代码定义契约。和C\中一样，接口定义规则，不定义

悠悠/ 2022年06月13日 02:16/ 0 赞/ 228 阅读

相关【TypeScript】类、接口、类与接口

转载自：[https://www.jianshu.com/p/277217a8647c][https_www.jianshu.com_p_277217a8647c] 1、接

超、凢脫俗/ 2022年05月28日 00:29/ 0 赞/ 316 阅读

相关 typescript 接口

/ 类型检查器会查看printLabel的调用。 printLabel有一个参数，并要求这个对象参数有一个名为label类型为string的属性。

青旅半醒/ 2021年11月27日 05:28/ 0 赞/ 370 阅读

相关 TypeScript -- ts接口

上一节，我们简单的介绍ts的基础数据类型，那么接下来我们来介绍ts的接口。 TS的接口 > 接口是一系列抽象方法的声明，是一些方法特征的集合，这些方法都应该是抽象的，需

柔光的暖阳◎/ 2021年11月09日 04:32/ 0 赞/ 779 阅读

相关 typescript 接口、索引签名

接口: 接口设置的限制,实现的接口同样存在接口实现为鸭式结构,及长得像就符合,所以接口可以约束对象和类 interfa

ゝ一世哀愁。/ 2021年07月24日 17:18/ 0 赞/ 508 阅读