首页 > 软件开发 > JavaScript >

JavaScript封装,面向对象编程

来源:互联网 2023-03-16 23:56:41 505

JavaScript是一个解析型语言,不需要编译,直接解析运行。但我们可以以面向对象的方法去编写代码,把一个个小功能封装起来,以类的形式去调用。M9c办公区 - 实用经验教程分享!

那具体怎么做?下面一起看下。M9c办公区 - 实用经验教程分享!

JavaScript封装,面向对象编程M9c办公区 - 实用经验教程分享!

方法/步骤

  • 1

    以function来先写个对象,如图,ObjectJs就相当于一个类,他有二个属性,name和count,M9c办公区 - 实用经验教程分享!

    JavaScript封装,面向对象编程M9c办公区 - 实用经验教程分享!

  • 2

    为ObjectJs添加一些方法,当然方法可以接受参数,可以操作这个对象的属性。先添加个 init方法,在这里你可以初始化对象里的属性,如图,这里初始的是count属性。当然这个不是必须要的方法。M9c办公区 - 实用经验教程分享!

    JavaScript封装,面向对象编程M9c办公区 - 实用经验教程分享!

  • 3

    添加个setName方法,传入参数,设置对象的 name属性。M9c办公区 - 实用经验教程分享!

    JavaScript封装,面向对象编程M9c办公区 - 实用经验教程分享!

  • 4

    添加个addCount方法,传入参数,设置对象的 name属性。M9c办公区 - 实用经验教程分享!

    JavaScript封装,面向对象编程M9c办公区 - 实用经验教程分享!

  • 4此文章未经授权抓取自百度经验
  • 5

    最后,添加个showObject的方法,主要是用来输出对象的属性,来检验下结果的。M9c办公区 - 实用经验教程分享!

    JavaScript封装,面向对象编程M9c办公区 - 实用经验教程分享!

  • 6

    然后,我们 像面向对象一样,new一个对象,然后调用对象的方法,看下运行结果。M9c办公区 - 实用经验教程分享!

    JavaScript封装,面向对象编程M9c办公区 - 实用经验教程分享!

    JavaScript封装,面向对象编程M9c办公区 - 实用经验教程分享!

    JavaScript封装,面向对象编程M9c办公区 - 实用经验教程分享!

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


    标签: JAVASCRIPT

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