首页 > 软件开发 > JavaScript >

如何在TypeScript中实现类和类之间同属性传值

来源:互联网 2023-03-17 00:01:10 版权归原作者所有,如有侵权,请联系我们

在TypeScript中,如果定义了两个类,而且这两个类有共同的属性,那么在以这两个类定义的变量,可以进行赋值,前提条件是,要有相同的属性。下面利用实例说明,操作如下:2tZ办公区 - 实用经验教程分享!

如何在TypeScript中实现类和类之间同属性传值2tZ办公区 - 实用经验教程分享!

工具/原料

  • TypeScript
  • JavaScript
  • HTML5
  • HBuilderX
  • 浏览器
  • 截图工具

方法/步骤

  • 1

    第一步,在已新建的TypeScript文件中,定义类AC,添加属性num,并添加构造函数,如下图所示:

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

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

    如何在TypeScript中实现类和类之间同属性传值2tZ办公区 - 实用经验教程分享!

  • 2

    第二步,使用相同的方法定义类CD,也有属性num,构造函数中只有nums,如下图所示:2tZ办公区 - 实用经验教程分享!

    如何在TypeScript中实现类和类之间同属性传值2tZ办公区 - 实用经验教程分享!

  • 2本页面未经许可获取自百度经验
  • 3

    第三步,定义一个变量ac,它对应的数据类型是类AC,查看对应的值,如下图所示:2tZ办公区 - 实用经验教程分享!

    如何在TypeScript中实现类和类之间同属性传值2tZ办公区 - 实用经验教程分享!

  • 4

    第四步,再次定义另一个变量cd,对应的数据类型是类CD,如下图所示:2tZ办公区 - 实用经验教程分享!

    如何在TypeScript中实现类和类之间同属性传值2tZ办公区 - 实用经验教程分享!

  • 5

    第五步,将变量cd赋值给ac,然后将变量ac赋值给cd,并打印这两个值,如下图所示:2tZ办公区 - 实用经验教程分享!

    如何在TypeScript中实现类和类之间同属性传值2tZ办公区 - 实用经验教程分享!

  • 6

    第六步,保存代码并使用TypeScript命令进行编译,生成对应的JavaScript文件,如下图所示:2tZ办公区 - 实用经验教程分享!

    如何在TypeScript中实现类和类之间同属性传值2tZ办公区 - 实用经验教程分享!

  • 注意事项

    • 注意在TypeScript中使用类作为变量的数据类型
    • 注意类中定义构造函数和传递参数

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


    标签: JAVASCRIPT

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