首页 > 软件开发 > JavaScript >

如何在TypeScript定义接口并获取枚举类型的值

来源:互联网 2023-03-17 00:47:50 201

在TypeScript中,可以使用关键字interface定义接口,跟JavaScript类似;调用接口,获取对象的属性,并利用枚举类型转换属性描述。下面利用实例说明:Iph办公区 - 实用经验教程分享!

如何在TypeScript定义接口并获取枚举类型的值Iph办公区 - 实用经验教程分享!

工具/原料

  • Windows7
  • Visual Studio Code1.56.2
  • TypeScript4.3
  • JavaScript

方法/步骤

  • 1

    第一,打开Visual Studio Code工具,新建TypeScript文件,定义接口User,包含三个属性Iph办公区 - 实用经验教程分享!

    如何在TypeScript定义接口并获取枚举类型的值Iph办公区 - 实用经验教程分享!

  • 2

    第二,定义一个函数showData,传入User接口参数,并在函数内打印属性值Iph办公区 - 实用经验教程分享!

    如何在TypeScript定义接口并获取枚举类型的值Iph办公区 - 实用经验教程分享!

  • 3

    第三,定义对象obj,包含三个属性name、age和sex,其中sex赋值为trueIph办公区 - 实用经验教程分享!

    如何在TypeScript定义接口并获取枚举类型的值Iph办公区 - 实用经验教程分享!

  • 4

    第四,调用函数showData,并传入参数obj,然后保存代码Iph办公区 - 实用经验教程分享!

    如何在TypeScript定义接口并获取枚举类型的值Iph办公区 - 实用经验教程分享!

  • 4该信息未经许可获取自百度经验
  • 5

    第五,创建一个终端窗口,切换路径;使用tsc编译TypeScript文件,然后使用node运行js文件,查看打印结果

    Iph办公区 - 实用经验教程分享!

    Iph办公区 - 实用经验教程分享!

    如何在TypeScript定义接口并获取枚举类型的值Iph办公区 - 实用经验教程分享!

  • 6

    第六,将sex属性变为中文描述,定义枚举类型Sex,然后在对象obj调用;再次编译并运行,查看sex属性的值Iph办公区 - 实用经验教程分享!

    如何在TypeScript定义接口并获取枚举类型的值Iph办公区 - 实用经验教程分享!

  • 注意事项

    • 注意TypeScript如何定义接口并使用
    • 注意TypeScript中如何定义枚举并调用

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!Iph办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码