首页 > 软件开发 > JavaScript >

如何使用JavaScript中对象变量和原型链并获取值

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

在使用JavaScript中的对象变量,然后定义函数,函数内部对对象变量进行修改并重新赋值;在外层进行自增加一,然后分别打印对应的值。下面利用实例说明,操作如下:NLU办公区 - 实用经验教程分享!

如何使用JavaScript中对象变量和原型链并获取值NLU办公区 - 实用经验教程分享!

工具/原料

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

方法/步骤

  • 1

    第一步,在已新建的JavaScript文件,定义对象a并赋值,以及两个函数b和c,如下图所示:NLU办公区 - 实用经验教程分享!

    如何使用JavaScript中对象变量和原型链并获取值NLU办公区 - 实用经验教程分享!

  • 2

    第二步,使用原型链模式,将对象变量a赋值给b和c的原型,如下图所示:NLU办公区 - 实用经验教程分享!

    如何使用JavaScript中对象变量和原型链并获取值NLU办公区 - 实用经验教程分享!

  • 3

    第三步,再使用b()函数、c()函数,分别赋值给变量B和变量C,查看对应的值,如下图所示:NLU办公区 - 实用经验教程分享!

    如何使用JavaScript中对象变量和原型链并获取值NLU办公区 - 实用经验教程分享!

  • 4

    第四步,接着使用a.m进行自增加1,然后分别查看变量m和n的值,如下图所示:NLU办公区 - 实用经验教程分享!

    如何使用JavaScript中对象变量和原型链并获取值NLU办公区 - 实用经验教程分享!

  • 5

    第五步,然后使用变量点属性的方法,分别获取B.m、C.m的值,如下图所示:NLU办公区 - 实用经验教程分享!

    如何使用JavaScript中对象变量和原型链并获取值NLU办公区 - 实用经验教程分享!

  • 5
  • 6

    第六步,保存代码并直接运行文件,可以在控制台查看到结果为1000和101,如下图所示:NLU办公区 - 实用经验教程分享!

    如何使用JavaScript中对象变量和原型链并获取值NLU办公区 - 实用经验教程分享!

  • 注意事项

    • 注意JavaScript中的全局变量和局部变量的用法
    • 注意在JavaScript中的this的用法

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


    标签: JAVASCRIPT

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