位置: 编程技术 - 正文

JavaScript中定义类的方式详解(JavaScript中定义数组)

编辑:rootadmin

推荐整理分享JavaScript中定义类的方式详解(JavaScript中定义数组),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript定义方法,javascript定义方法,JavaScript中定义常量的关键词,JavaScript中定义变量,JavaScript中定义数组,JavaScript中定义常量的关键词,JavaScript中定义常量的关键词,javascript中定义函数的关键字,内容如对您有帮助,希望把文章链接给更多的朋友!

本文实例讲述了JavaScript中定义类的方式。分享给大家供大家参考,具体如下:

Javascript本身并不支持面向对象,它没有访问控制符,它没有定义类的关键字class,它没有支持继承的extend或冒号,它也没有用来支持虚函数的virtual,不过,Javascript是一门灵活的语言,下面我们就看看没有关键字class的Javascript如何实现类定义,并创建对象。

一、定义类并创建类的实例对象

在Javascript中,我们用function来定义类,如下:

你或许会说,疑?这个不是定义函数吗?没错,这个是定义函数,我们定义了一个Shape函数,并对x和y进行了初始化。不过,如果你换个角度来看,这个就是定义一个Shape类,里面有两个属性x和y,初始值分别是1和2,只不过,我们定义类的关键字是function而不是class。

然后,我们可以创建Shape类的对象aShape,如下:

二、定义公有属性和私有属性

我们已经创建了aShape对象,但是,当我们试着访问它的属性时,会出错,如下:

这说明,用var定义的属性是私有的。我们需要使用this关键字来定义公有的属性

这样,我们就可以访问Shape的属性了,如。

好,我们可以根据上面的代码总结得到:用var可以定义类的private属性,而用this能定义类的public属性。

三、定义公有方法和私有方法

在Javascript中,函数是Function类的实例,Function间接继承自Object,所以,函数也是一个对象,因此,我们可以用赋值的方法创建函数,当然,我们也可以将一个函数赋给类的一个属性变量,那么,这个属性变量就可以称为方法,因为它是一个可以执行的函数。代码如下:

我们在上面的代码中定义了一个draw,并把一个function赋给它,下面,我们就可以通过aShape调用这个函数,OOP中称为公有方法,如:

如果用var定义,那么这个draw就变成私有的了,OOP中称为私有方法,如

这样就不能使用aShape.draw调用这个函数了。

三、构造函数

Javascript并不支持OOP,当然也就没有构造函数了,不过,我们可以自己模拟一个构造函数,让对象被创建时自动调用,代码如下:

JavaScript中定义类的方式详解(JavaScript中定义数组)

在Shape的最后,我们人为的调用了init函数,那么,在创建了一个Shape对象是,init总会被自动调用,可以模拟我们的构造函数了。

四、带参数的构造函数

如何让构造函数带参数呢?其实很简单,将要传入的参数写入函数的参数列表中即可,如

这样,我们就可以这样创建对象:

五、静态属性和静态方法

在Javascript中如何定义静态的属性和方法呢?如下所示

有了静态属性和方法,我们就可以用类名来访问它了,如下

注意:静态属性和方法都是公有的,目前为止,我不知道如何让静态属性和方法变成私有的~

六、在方法中访问本类的公有属性和私有属性

在类的方法中访问自己的属性,Javascript对于公有属性和私有属性的访问方法有所不同,请大家看下面的代码

七、this的注意事项

根据笔者的经验,类中的this并不是一直指向我们的这个对象本身的,主要原因还是因为Javascript并不是OOP语言,而且,函数和类均用function定义,当然会引起一些小问题。

this指针指错的场合一般在事件处理上面,我们想让某个对象的成员函数来响应某个事件,当事件被触发以后,系统会调用我们这个成员函数,但是,传入的this指针已经不是我们本身的对象了,当然,这时再在成员函数中调用this当然会出错了。

解决方法是我们在定义类的一开始就将this保存到一个私有的属性中,以后,我们可以用这个属性代替this。我用这个方法使用this指针相当安全,而且很是省心~

我们修改一下代码,解决this问题。对照第六部分的代码看,你一定就明白了

以上我们聊了如何在Javascript中定义类,创建类的对象,创建公有和私有的属性和方法,创建静态属性和方法,模拟构造函数,并且讨论了容易出错的this。

关于Javascript中的OOP实现就聊到这里,以上是最实用的内容,一般用Javascript定义类,创建对象用以上的代码已经足够了。当然,你还可以用mootools或prototype来定义类,创建对象。我用过mootools框架,感觉很不错,它对Javascript的类模拟就更完善了,还支持类的继承,有兴趣的读者可以去尝试一下。当然,如果使用了框架,那么在你的网页中就需要包含相关的js头文件,因此我还是希望读者能够在没有框架的情况下创建类,这样,代码效率较高,而且你也可以看到,要创建一个简单的类并不麻烦~

补充:

JavaScript类定义的四种方式:

希望本文所述对大家JavaScript程序设计有所帮助。

理解JS事件循环 伴随着JavaScript这种web浏览器脚本语言的普及,对它的事件驱动交互模型,以及它与Ruby、Python和Java中常见的请求-响应模型的区别有一个基本了解,对您

JavaScript中的原始值和复杂值 前面的话javascript的数据类型可以分为两种:原始类型和引用类型。原始类型也称为基本类型或简单类型,javascript基本数据类型包括Undefined、Null、Boolean

详解JavaScript UTC时间转换方法 一、前言1、UTC:UniversalTimeCoordinated,协调世界时。2、格林尼治标准时(GMT)格林尼治标准时间(GreenwichMeanTime,GMT)是指位于伦敦郊区的皇家格林尼治

标签: JavaScript中定义数组

本文链接地址:https://www.jiuchutong.com/biancheng/384740.html 转载请保留说明!

上一篇:javascript类型系统 Window对象学习笔记(javascript几种类型)

下一篇:理解JS事件循环(js事件循环过程)

  • 一般纳税人的计税方式是什么
  • 税金计提多了,交少了怎么处理
  • 海关完税凭证抵扣清单在哪里
  • 工程检测单位
  • 作废的支票银行怎么处理
  • 计划成本法会计分录例题
  • 营改增后场地租赁税率
  • 没有进项的产品开了发票怎么办
  • 开办期间的税控设备怎么入账?
  • 季度营业额超过6万需要补税
  • 定期存款要交利息税吗
  • 建筑企业异地预缴增值税流程
  • 公司法人如何从公司提钱
  • 如何正确核算出租房屋所应交的房产税?
  • 一般户转钱到基本户
  • 运费从货款中扣除后付款分录怎么做
  • ie增强的安全配置已启用上不了网
  • 电脑怎么更新系统日期
  • 独立费计算
  • 资产负债表里的存货怎么算
  • macbook怎么修改默认系统
  • win10专业版下载教程
  • php中url什么意思
  • 事业单位收到拨款怎么办
  • 增值税发票要审核成功才能开吗
  • PHP:realpath_cache_get()的用法_Filesystem函数
  • php date format
  • hpzts04.exe是什么进程 有什么作用 hpzts04进程查询
  • yolo 官网
  • PHP/HTML混写的四种方式总结
  • 扣税的账户是基本户还有一般户
  • 滴滴普通发票如何开
  • php static function
  • js怎么存储数据
  • 库存不足怎么处理
  • 个人所得税申报截止时间
  • 怎么登记现金日记账和银行存款日记账
  • 个人所得税怎么申报多
  • 金税盘服务费如何抵扣
  • 城建税和教育附加税怎么算
  • 变动成本法是指什么
  • 实收资本核算内容是什么
  • 佣金和其他费用
  • 内控制度包括哪几方面
  • 商贸公司购买的水磅怎么入账
  • 5000以下固定资产一次性计提折旧政策
  • 支付水电费取得专用发票上注明税金0.68万元
  • 工资薪金个人所得税扣除标准
  • 保险由承租方还是出租方承担
  • 个体工商户建账流程
  • solaris查找文件命令
  • ubuntu系统如何切换中文
  • win7系统硬盘安装版
  • bios里没有启动项设置
  • xp系统删除用户账户怎么没有删除键
  • ubuntu静态ip地址
  • win7自带的软件
  • 电脑xp桌面
  • windows7英雄联盟老是崩溃
  • centos无法挂载位置
  • js分页逻辑
  • 利用python进行
  • js设计模式书
  • jquery操作数组
  • 中间件 .net
  • 超酷风格
  • vps 备份
  • nodejs客户端程序开发
  • 给shell脚本传参数
  • javascript快速入门
  • javascript的
  • 高性能javascript的内容简介
  • 捐赠支出的扣除标准是什么是30%吗
  • 新能源车异地购车
  • 广东国家税务局网上税务服务大厅
  • 纳税人有什么影响
  • 7.1税务新政策
  • 核定征收需要报财务报表吗
  • 上海市松江区房价?
  • 湖南 资源税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设