首页 > 软件开发 > JavaScript >

如何使用ES6中的方法和类对方法进行调用并打印

来源:互联网 2023-03-16 23:59:22 版权归原作者所有,如有侵权,请联系我们

在ES6中的类,可以创建一个父类,并在父类中声明一个方法,然后再次定义一个子类,子类调用父类的属性和方法。子类调用父类中的方法,需要使用特殊方法。下面利用实例说明,操作如下:yUP办公区 - 实用经验教程分享!

如何使用ES6中的方法和类对方法进行调用并打印yUP办公区 - 实用经验教程分享!

工具/原料

  • ES6
  • JavaScript
  • HBuilder
  • Node.js
  • 截图工具

方法/步骤

  • 1

    第一步,在已新建的JavaScript文件中,定义一个类BNM,并有构造函数,如下图所示:yUP办公区 - 实用经验教程分享!

    如何使用ES6中的方法和类对方法进行调用并打印yUP办公区 - 实用经验教程分享!

  • 1相关内容未经授权抓取自百度经验
  • 2

    第二步,再定义一个类CNM,继承BNM类,然后构造函数多添加一个参数type,如下图所示:yUP办公区 - 实用经验教程分享!

    如何使用ES6中的方法和类对方法进行调用并打印yUP办公区 - 实用经验教程分享!

  • 3

    第三步,在子类CNM中,定义一个方法callCnm,并返回几个参数值的拼接字符,如下图所示:yUP办公区 - 实用经验教程分享!

    如何使用ES6中的方法和类对方法进行调用并打印yUP办公区 - 实用经验教程分享!

  • 4

    第四步,实例化对象cnm,然后调用CNM类并传入三个参数,并调用方法,如下图所示:yUP办公区 - 实用经验教程分享!

    如何使用ES6中的方法和类对方法进行调用并打印yUP办公区 - 实用经验教程分享!

  • 5

    第五步,保存代码并使用插件运行,可以在控制台打印的结果值,如下图所示:yUP办公区 - 实用经验教程分享!

    如何使用ES6中的方法和类对方法进行调用并打印yUP办公区 - 实用经验教程分享!

  • 6

    第六步,再在父类BNM中,定义一个同名方法callCnm,返回几个参数的拼接字符串,如下图所示:yUP办公区 - 实用经验教程分享!

    如何使用ES6中的方法和类对方法进行调用并打印yUP办公区 - 实用经验教程分享!

  • 注意事项

    • 注意ES6中的父类和子类之间的关系
    • 注意在子类中定义跟父类中的方法名称一样的方法

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


    标签: JAVASCRIPT

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