位置: 编程技术 - 正文

介绍一个简单的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的方法(在浏览器中打开是什么意思)

  • 符合条件的小型微利企业所得税税率为
  • 美国个税计算器2021计算器
  • 社保阶段性减免延长到年底
  • 安装费发票备注栏怎么填
  • 增值税专用发票几个点
  • 商业折扣的纳税影响
  • 企业管理咨询有限公司简介
  • 佣金是否要交所得税
  • 企业支付宝里面的钱可以随时提到个人银行卡吗
  • 折让方式
  • 办企业房权证费用多少
  • 增值税扣款凭证包括
  • 广告支持政策
  • 社会团体收取的会费可以用于哪些方面
  • 发票没用完可以领发票吗
  • 企业提取的盈余公积是什么会计科目
  • 股份利润怎么分
  • 上月计提的工资,下月做调整
  • 不计提直接发工资
  • 销售商品收到货款20000元存入银行
  • 返聘人员如何缴纳个人所得税
  • 有奖发票奖金支付
  • 国家税务开票流程
  • 软件服务费怎么算
  • 税点款怎么算
  • springboot上传文件大小设置
  • 垫付员工保险费的会计科目
  • PHP:session_decode()的用法_Session函数
  • 出租车发票能不能多开
  • thinkphp 模块
  • 编译安装php7.2
  • pytorch .pt
  • metareplace -e
  • python uiautomator2的点击操作
  • 报关单的运费没填怎么办
  • 房租费用计入什么现金流量
  • 水利基金忘记申报怎么查
  • 会计要离职了要注意几点
  • 织梦商城
  • db2使用教程
  • sql存储过程使用
  • 计算业务招待费扣除限额的基础包括营业外收入
  • 有哪些情况可以用别人的id
  • 合并报表抵消分录的基本原理
  • 金蝶kis云专业版使用教程
  • 会计人要求
  • 购买农产品普通发票怎么做账
  • 购配件组装机器多少钱
  • 增值税普票跨月作废怎么操作
  • 主营业务成本如何调整
  • 资产负债表期初余额和期末余额
  • 施工单位月末都需要结转什么
  • 出口转内销账务处理以前年度
  • 待摊费用怎么做凭证科目
  • 土地属于固定资产吗 会计
  • sqlbean
  • 使用mysql进行模糊查询
  • windows许可证即将过期怎么办知乎
  • windows怎么彻底删除
  • explore.exe进程的作用
  • windows8.1开机
  • win1020h2版本要更新吗
  • 系统配置运行命令
  • win10每周更新
  • 进windows花屏
  • android图像处理
  • 消耗cpu的软件
  • jquery使用jsonp
  • 脚本 python
  • jquery input
  • recyclerview瀑布流效果
  • python入坑指南
  • 杭州电子税务局注册流程
  • 一年内在两家公司任职个税汇算清缴
  • 冲红和红冲的区别
  • 成品油和非成品油的税务知识
  • 广东地税服务电话
  • 江苏省纳税信息查询
  • 土地招拍挂土地出让金
  • 重庆国家税务局官方网站
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设