首页 > 软件开发 > JavaScript >

如何使用JavaScript中的prototype和__proto__

来源:互联网 2023-03-16 23:58:20 397

在JavaScript中,prototype是函数拥有的一个属性,而__proto__是每个对象所拥有的属性,两者返回的内容是不一样的。下面分别使用两组实例讲述prototype和__proto__的用法和区别,操作如下:Fuq办公区 - 实用经验教程分享!

如何使用JavaScript中的prototype和__proto__Fuq办公区 - 实用经验教程分享!

工具/原料

  • HBuilder
  • JavaScript
  • HTML5
  • 浏览器
  • 截图工具

方法/步骤

  • 1

    第一步,双击打开HBuilder编辑工具,新建一个静态页面prototype.html;在script>/script>定义一个对象变量obj,调用__proto__,如下图所示:Fuq办公区 - 实用经验教程分享!

    如何使用JavaScript中的prototype和__proto__Fuq办公区 - 实用经验教程分享!

  • 2

    第二步,保存代码并在浏览器中,预览界面效果,并查看控制台打印结果,如下图所示:Fuq办公区 - 实用经验教程分享!

    如何使用JavaScript中的prototype和__proto__Fuq办公区 - 实用经验教程分享!

  • 3

    第三步,再次修改JavaScript代码,调用prototype,打印结果,如下图所示:Fuq办公区 - 实用经验教程分享!

    如何使用JavaScript中的prototype和__proto__Fuq办公区 - 实用经验教程分享!

  • 4

    第四步,再次保存预览,可以查看到浏览器控制台打印结果为undefined,如下图所示:Fuq办公区 - 实用经验教程分享!

    如何使用JavaScript中的prototype和__proto__Fuq办公区 - 实用经验教程分享!

  • 5

    第五步,将obj变量对象改为变量函数,函数有个返回值;调用__proto__,查看打印结果,如下图所示:Fuq办公区 - 实用经验教程分享!

    如何使用JavaScript中的prototype和__proto__Fuq办公区 - 实用经验教程分享!

    如何使用JavaScript中的prototype和__proto__Fuq办公区 - 实用经验教程分享!

  • 6

    第六步,以同样的方法,调用prototype,在控制台查看打印结果,返回结构函数,如下图所示:Fuq办公区 - 实用经验教程分享!

    如何使用JavaScript中的prototype和__proto__Fuq办公区 - 实用经验教程分享!

  • 6相关内容未经授权抓取自百度经验
  • 注意事项

    • 注意JavaScript中的prototype和__proto__的用法
    • 注意获取变量和获取函数的方法

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


    标签: JAVASCRIPT

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