美文网首页
TypeScript接口编试题

TypeScript接口编试题

作者: 前端老邹_伯通 | 来源:发表于2020-03-20 17:28 被阅读0次

有同学刚问道面试题如下:

  • 下面代码是否会报错?原因是什么?怎么改?
interface People {
    name: string,
    age: any,
    speak: () => string
}

var Man: People = {
    name: '死鬼',
    age: 25,
    speak: (): string => {
        return  1;
    },
    eat: (): any => {
        return 'aaaaaaaaaaaaaaaa';
    }
};
  • 回答
  • 1.会报错
  • 2.错误:
    2.1 错误一:speak 方法返回值类型 是 string,但内部返回的是 数字1
    2.2 错误二:实现接口的对象 需要实现 接口的所有成员,不多不少刚刚好
  • 3.修改
    3.1 将speak 中的 1 加上 引号
    3.2 在接口中 加入 多出的 eat 方法
interface People {
    name: string,
    age: any,
    speak: () => string,
    eat: () => any
}

var Man: People = {
    name: '死鬼',
    age: 25,
    speak: (): string => {
        return '1';
    },
    eat: (): any => {
        return 'aaaaaaaaaaaaaaaa';
    }
};

相关文章

  • TypeScript接口编试题

    有同学刚问道面试题如下: 下面代码是否会报错?原因是什么?怎么改? 回答 1.会报错 2.错误:2.1 错误一:s...

  • TypeScript 中的接口(interface)

    TypeScript 中的接口可分为: 之前的文章 TypeScript 基础类型和接口(interface)里面...

  • typescript学习

    TypeScript 一、认识TypeScript TypeScript是JavaScript类型的超集,它可以编...

  • 学习TypeScript 接口

    TypeScript 接口定义 interface interface_name {} 实例 联合类型和接口 接口...

  • TypeScript学习笔记之四接口(Inferfaces)

    一、使用环境 Mac 电脑 WebStorm TypeScript3.x版本 二、接口 在 TypeScript ...

  • TypeScript - 接口

    TypeScript - 接口( Interface) [TOC] 学习目标 理解接口的概念 学会通过接口标注复杂...

  • TypeScript系列(一):初识TypeScript

    1、初识TypeScript TypeScript 的介绍 TypeScript是一种由微软开发的开源、跨平台的编...

  • TypeScript 接口

    TypeScript接口 接口只读属性 使用关键字readonly定义只读的接口属性 出现错误,如下 创建不可修改...

  • TypeScript接口

    属性类型接口 函数类型接口 定义了函数的参数。包括入参和出参。 可索引类型接口 类类型接口

  • typescript 接口

    日期:2019 年 8 月 29 日 typescript 接口 介绍 TypeScript的核心原则之一是对值所...

网友评论

      本文标题:TypeScript接口编试题

      本文链接:https://www.haomeiwen.com/subject/jctsyhtx.html