位置: 编程技术 - 正文

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事件循环过程)

  • 核定征收个体户个人经营所得税税率
  • 企业所得税研发费用加计扣除条件
  • 应交企业所得税会计分录
  • 增值税发票系统怎么读入发票
  • 融资租赁印花税怎么交
  • 可以抵扣的进项税额是什么意思
  • 可供出售金融资产包括哪些内容
  • 定期定额户申报表怎么填
  • 行政单位基建管理办法
  • 营销策划代理合同
  • 开给个人的普票购买方怎么写
  • 对外支付代扣代缴增值税
  • 幼儿园申报税种及税率
  • 如何开小加工厂
  • 公对公不开票怎么办
  • 增值税留抵税额计入什么科目
  • 货物无偿赠送分录
  • 出售资产时递延所得税怎么处理
  • 投资公司收到的发票
  • 7月1日前购进的农产品如何抵扣
  • 增值税不征税收入的三个条件
  • 企业购买商品
  • 补缴以前税收滞纳金多少
  • 财产保险费计入什么科目
  • 企业合并资本公积转留存收益
  • 无需支付的款项需要缴税吗
  • 企业转让销售配额怎么算
  • 管理费用劳务费包括什么
  • 应付职工薪酬在借方是什么意思
  • 华为手机屏幕旋转设置
  • 单位购买图书会计分录
  • 以前年度亏损在哪个报表体现
  • 房地产预缴所得税的计税基础
  • 删除文件时不放大怎么办
  • u盘装机大师怎么用
  • win7系统鼠标键盘
  • win11怎么打开虚拟内存
  • 雨林木风win10安装失败
  • linux双ip路由设置方法
  • 金钱树的养殖方法 盆栽
  • 发票报销的账务怎么处理
  • vue ui怎么用
  • 退回的税控盘费用如何做会计分类
  • 财政专户资金是专项资金吗
  • php json格式
  • 工业企业应付账款周转率多少合适
  • Windows 10 python 3.9安装运行Mockingbird--拎包入住功略
  • 大前端技术
  • 财务报表怎样调出来
  • 餐厅的打包盒一般是多少毫升
  • mysql中的外键的作用
  • sql去除
  • db2 deadlock
  • 电子商业承兑到期后多长时间能收到款
  • 跨年租金如何确权
  • 收到银行承兑汇票计入什么科目
  • 购买房屋缴纳的契税可以退税政策
  • 销售金银首饰增值税和企业所得税
  • 一般纳税人公司开普票几个税点?
  • 装修费用应该计入什么科目
  • 收到其他公司款项会计分录
  • 职工工资如何计算天数
  • 固定资产处置当月还要折旧吗
  • mysql 分组语句
  • mysql mac启动
  • XP系统如何设置U盘启动
  • windows server 2008 R2
  • 苹果电脑mac系统怎么用
  • 64位win10预览版10565更新补丁KB3105208后蓝屏怎么办?
  • mini programes
  • jquery插件大全
  • javascript常用函数大全
  • android 加载大量图片
  • 如何用python创建数据集
  • 离线开票金额为0
  • 如何查看税务登记记号
  • 北京市工商局电话24小时客服热线
  • 济南高新发展公告
  • 深圳国税总局
  • 国税局巡察整改方案
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设