位置: 编程技术 - 正文

介绍一个简单的JavaScript类框架(介绍一个简单的实验)

编辑:rootadmin

推荐整理分享介绍一个简单的JavaScript类框架(介绍一个简单的实验),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:介绍一个简单的实验,介绍一个简单的英语故事,介绍一个简单的英语故事,介绍一个简单的手工作品,介绍一个简单的实验,介绍一个简单的系统,介绍一个简单的旅游地点,介绍一个简单的旅游地点,内容如对您有帮助,希望把文章链接给更多的朋友!

在写work-in-progress JavaScript book一书时,对于javascript继承体系,我花费了相当的时间,并在该过程中研究了各种不同的模拟经典类继承的方案。这些技术方案中,我最为推崇的是base2与Prototype的实现。

从这些方案中,应该能提炼出一个具有其思想内涵的框架,该框架须具有简单、可重用、易于理解并无依赖等特点,其中简单性与可用性是重点。以下是使用示例:

有几点需要留意:

构造函数须简单(通过init函数来实现), 新定义的类比须继承于已有的类, 所有的‘类'都继承于始祖类:Class,因此如果要创建一个全新的类,该类必须为Class的子类, 最具挑战的一点:父类的被覆写方法必须能访问到(通过配置上下文环境)。 在上面的示例中,你能发现通过this._super()来调用Person父类的init()和dance()方法。

对结果相当满意:使类的定义结构化,保持单一继承,并且能够调用超类方法。

简单的类创建与继承

下面为其实现(便于阅读并有注释),大概行左右。欢迎并感谢提出建议。

其中 “初始化(initializing/don't call init)”与“创建_super方法”最为棘手。接下来,我会对此做简要的介绍,使得大家对其实现机制能更好的理解。

初始化

为了说明函数原型式的继承方式,首先来看传统的实现过程,即将子类的prototype属性指向父类的一个实例。如下所示:

介绍一个简单的JavaScript类框架(介绍一个简单的实验)

然而,这里具有挑战性的一点,便是我们只想要得到‘是否实例(instatnceOf)'的效果,而不需要实例一个 Person并调用其构造函数所带来的后果。为防止这一点,在代码中设置一个bool参数initializing,只有在实例化父类并将其配置到子类的prototype属性时, 其值才为true。这样处理的目的是区分开真正的实例化与设计继承时这两种调用构造函数之间的区别,进而在真正实例化时调用init方法:

值得特别注意的是,因为在init函数中可能会运行相当费资源的代码(如连接服务器,创建DOM元素等,谁也无法预测),所以做出区分是完全必要的。

超类方法(Super Method)

当使用继承时,最常见的需求便是子类能访问超类被覆写的方法。在该实现下,最终的方案便是提供一个临时方法(._super),该方法指向超类方法,并且只能在子类方法中访问。

实现这一功能需要几步处理。首先,我们使用extend来合并基本的Person实例(类实例,上面我们提到过其构造过程)与字面对象(Person.extend()的函数参数)。在合并过程中,做了简单的检查:首先检查将被合并的的属性是否为函数,如为函数,然后检查将被覆写的超类属性是否也为函数?如果这两个检查都为true,则需要为该属性准备_super方法。

注意,在这里创建了一个匿名闭包(返回的是函数对象)来封装增加的super方法。基于维护运行环境的需要,我们应该将旧的this._super(不管其是否存在)保存起来以备函数运行后重置,这有助于在有相同名称(不想偶然丢失对象指针)的情况下发生不可预知的问题。

然后,创建新的_super方法,该方法对象仅指向超类中被覆写的方法。谢天谢地,不用对_super做任何改动或变更作用域,因为函数的执行环境会随着函数调用对象自动变更(指针this会指向超类).

最后,调用字面量对象的方法,方法执行中可能会使用this._super(),方法执行后,将属性_super重置回其原来状态,之后return退出函数。

以上可以有许多种方案能达到相同的效果(我之前曾见过将super绑定到其自身,然后用arguments.callee访问),但是感觉还是这种方法最能能体现可用性与简洁性的特点。

在我已完成的多个基于javascript原型的工作中,只有这个类继承实现方案是我发表出来与大家分享的。我认为,简洁的代码(易于学习,易于继承,更少下载)更需要提出来让大家探讨,因此,对于学习javascript类构造与继承的人们来说,这套实现方案是一个好的开始。

在浏览器中打开或关闭JavaScript的方法 所有现代浏览器都使用了JavaScript的内置支持。很多时候,你可能需要启用或手动禁用此支持。本教程将让您知道如何启用和禁用JavaScript支持,在您的浏

在HTML中插入JavaScript代码的示例 在HTML文档中的任何地方可包括JavaScript代码。但也有以下的最佳方法来包含JavaScript在HTML文件。在head.../head部分.在body.../body部分.在body.../body和head.../head

简单介绍JavaScript的变量和数据类型 JavaScript数据类型:编程语言的最根本的特征之一是一组它支持的数据类型。这些是可被表示和操纵的编程语言的值的类型。JavaScript允许有三个基本数据

标签: 介绍一个简单的实验

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

上一篇:举例详解Python中smtplib模块处理电子邮件的使用(python中deque)

下一篇:在浏览器中打开或关闭JavaScript的方法(在浏览器中打开是什么意思)

  • 自己企业生产的物料入库单由谁填写
  • 台账和明细账的区别
  • 事假工资在税前扣除标准
  • 怎么在网站上打印
  • 装载机属于哪种车型
  • 金税盘开具发票 在增值税申报表哪填写
  • 委托加工物资两种情况例题
  • 核算科目拨出专票怎么弄
  • 房地产企业固定资产的折旧
  • 收到政府给的公维基金怎么开票报销
  • 预付房租租金如何做账
  • 公司分期付款买车可以抵税吗
  • 今年补缴去年的税汇算清缴吗
  • 未开票收入为负数如何写说明
  • 实收资本印花税是一年一交吗
  • 申报进项税额
  • 没有成本票如何做账
  • 技术转让所得减半征收计算
  • 资产负债表在途物资属于存货吗
  • 对公账户转法人私人账户用途写什么
  • 待抵扣进项税 待认证进项税
  • 企业所得税弥补
  • 遇到境外网络勒索敲诈怎么办
  • 逾期交房违约金怎么算
  • 信托保证本金吗
  • 物业公司收取的广告费开什么发票
  • 增值税账面和实际缴纳不平,怎样调整
  • 含税价什么意思?
  • 对公账户被诈骗转款728000会怎么样呢
  • 不能抵扣的费用
  • win10应用商店没有软件库
  • php获取访问者qq
  • yii框架教程
  • window10 锁屏壁纸
  • 企业所得税汇算清缴调增的项目有哪些
  • url是什么软件
  • 取得的进项税发票抵扣
  • php单独运行
  • 销售不动产税目计缴增值税有哪些
  • oauth2 sso单点登录
  • 【简陋Web应用2】人脸检测——基于Flask和PaddleHub
  • 新增总产值
  • 办理外经证缴税流程
  • 新法典离职
  • 视同销售在纳税明细表中怎么填
  • ps填充内容识别在哪
  • python迭代器有什么用
  • 邮电通信企业业务收入包括哪些内容?
  • sql2005怎么执行语句
  • mysql误删数据
  • 发票金额大于实付金额
  • 企业购买银行理财产品的会计处理
  • 企业产品研发
  • 发工资摘要没写工资
  • 出口退税进项票跨月勾选
  • 股权投资如何记账
  • 其他综合收益相反科目
  • 本年利润的借方科目
  • 酒店购买的餐具可以退吗
  • 进口车购置税多少个点
  • 作废发票丢了罚款多少
  • linux的telnet用法
  • ubuntu20.04安装配置
  • nerosmartstart.exe - nerosmartstart是什么进程 作用是什么
  • win10显示win8
  • win1021h2版本千万别更新
  • linux网络设备有哪些
  • 系统ui怎么关闭
  • win7系统删除ie浏览器
  • linux使用shell脚本创建文件
  • dos怎么开启
  • 5.2光源
  • javascript学习指南
  • javascript密码强度
  • shell脚本wc
  • js如何修改style
  • arm兼容库安卓x86
  • 安卓自定义app
  • jquery.serialize() 函数语法及简单实例
  • 发票怎样上传?
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设