首页 > 软件开发 > JavaScript >

JS中如何应用原型模式

来源:互联网 2023-03-16 23:57:22 362

我们知道在JS中声明一个对象的话我们直接用function即可。其实我们声明的每一个对象都有一个原型。有的时候我们在很多的脚本中会看到这个原型,下面我就给大家分享以下JS中如何应用原型模式5Lg办公区 - 实用经验教程分享!

工具/原料

  • Visual Studio 2017

方法/步骤

  • 1

    首先在cshtml中准备一个空的对象,如下图所示5Lg办公区 - 实用经验教程分享!

    JS中如何应用原型模式5Lg办公区 - 实用经验教程分享!

  • 1此文章未经许可获取自百度经验
  • 2

    然后我们给这个对象添加一些属性,如下图所示,我们调用了对象的原型prototype5Lg办公区 - 实用经验教程分享!

    JS中如何应用原型模式5Lg办公区 - 实用经验教程分享!

  • 3

    接下来属性加完了,就该添加行为方法了,按照如下图所示的方式添加即可5Lg办公区 - 实用经验教程分享!

    JS中如何应用原型模式5Lg办公区 - 实用经验教程分享!

  • 4

    接下来我们要做的是声明一个对象实例,然后调用对象方法,结果如下图所示5Lg办公区 - 实用经验教程分享!

    JS中如何应用原型模式5Lg办公区 - 实用经验教程分享!

  • 5

    然后我们在声明一个对象实例,如下图所示,你会发现他们输出的结果是一样的5Lg办公区 - 实用经验教程分享!

    JS中如何应用原型模式5Lg办公区 - 实用经验教程分享!

  • 6

    最后我们比较以下两次的调用是否相等,如下图所示,也是等价的5Lg办公区 - 实用经验教程分享!

    JS中如何应用原型模式5Lg办公区 - 实用经验教程分享!

  • 7

    综上所述,JS中给对象应用原型需要调用prototype,原型一旦赋值,所有的实例都能调用5Lg办公区 - 实用经验教程分享!

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


    标签: JAVASCRIPT

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