位置: 编程技术 - 正文

你的 mixin 真的兼容 ECMAScript 5 吗?(你miu的)

编辑:rootadmin

我最近在与客户合作的项目中,需要充分利用的 ECMAScript 5,在此我遇到一个非常有趣的问题。 该问题源于一个非常常见的模式: mixin , 也就是在 JavaScript 中把一个对象的属性或者方法 mixin 到另一个。

大多数 mixin 的功能看起来像这样:

在此 mixin() 函数中,一个 for 循环遍历 supplier 对象的属性并赋值给 receiver 对象。 几乎所有的 JavaScript 库有某种形式的类似功能,让您可以编写这样的代码:

在此示例中,object 对象接收了属性 name 和方法 sayName()。 这在 ECMAScript 3 中运行良好,但在 ECMAScript 5 上却没那么乐观。

这是我遇到的问题:

这个例子看起来有点做作,但它准确的描述这个问题。 进行 mixin 的属性使用了 ECMAScript 5 的新特性:一个 getter 属性存取器。 getter 引用一个未初始化的局部变量 name,因此这个属性未定义 undefined。

后来,name 被分配了一个值,以便使存取器 getter 可以返回一个有效的值。 不幸的是,object.name(被 mixin 的属性)始终返回 undefined。

这是怎么回事呢?

我们仔细分析 mixin() 函数。 事实上,在循环语句中,并没有把属性从一个对象重新赋值给到另一个对象。 它实际上是创建一个同名的属性,并把 supplier 对象的存取器方法 getter 的返回值赋值给了它。 (译注:目标对象得到的不是 getter 这个方法,而是得到了 getter 方法的返回值。@justjavac)

在这个例子中,mixin() 的过程其实是这样的:

属性 receiver.name 被创建,并且被赋值为 supplier.name 的值。 当然,supplier.name 有一个 getter 方法用来返回本地变量 name 的值。 此时,name 的值为 undefined,所以 receiver.name 存储的是 值。 并没有为 receiver.name 创建一个 getter 方法,因此它的值永远不会改变。

要解决这个问题,你需要使用属性描述符(译注:descriptor)将属性从一个对象 mixin 到另一个对象。 一个纯粹的 ECMAScript 5 版本的 mixin() 应该这样写:

在这个新版本函数中,Object.keys() 用来获取一个数组,包含了 supplier 对象的所有枚举属性。 然后,foreach() 方法用来遍历这些属性。 调用 Object.getOwnPropertyDescriptor() 方法获取 supplier 对象的每个属性描述符(descriptor)。

由于描述符(descriptor)包含了所有的属性信息,包括 getter 和 setter 方法, 该描述符(descriptor)可以直接传递给 Object.defineProperty() ,用来在 receiver 对象上创建相同的属性。 使用这个新版本的 mixin() ,可以解决前面遇到的问题,从而得到你所期望的结果。 getter 方法被正确地从 supplier 传递到了 receiver。

当然,如果你仍然需要支持旧的浏览器,那么你就需要一个函数,回落的 ECMAScript 3:

如果您需要使用一个 mixin() 函数,一定要仔细检查它在 ECMAScript 5 可以正常工作,特别是 getter 和 setter 方法。 否则,你会发现自己陷入像我一样的错误。

推荐整理分享你的 mixin 真的兼容 ECMAScript 5 吗?(你miu的),希望有所帮助,仅作参考,欢迎阅读内容。

你的 mixin 真的兼容 ECMAScript 5 吗?(你miu的)

文章相关热门搜索词:你的niki,你的name,你miu的,你的mr,你的ms,你miu的,你的niki,你miu的,内容如对您有帮助,希望把文章链接给更多的朋友!

在javascript中关于节点内容加强 一、元素节点//测试元素节点,输出节点名称,节点的类型,节点的值varliElements=document.getElementsByTagName("li");for(vari=0;iliElements.length;i++){alert(liElements[i].nodeName)

在javascript中对于DOM的加强 一、DOMDOM:DOM=DocumentObjectModel,文档对象模型,DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。换句话说,这是表示和处理一

javascript标签在页面中的位置探讨 在制作网页的过程中,我们经常写类似下面的代码:[html]htmlheadtitleExampleHTMLPage/titlescripttype="text/javascript"src="example1.js"/scriptscripttype="text/javascript"src="exampl

标签: 你miu的

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

上一篇:谈谈关于JavaScript 中的 MVC 模式(谈谈关于中华文明的五个突出特性)

下一篇:在javascript中关于节点内容加强(在javascript中关于alert confirm)

  • 加油站的成品油是石油公司配送吗
  • 税负转嫁的概念是什么
  • 减免增值税计入其他收益
  • 咨询费开发票选哪一项
  • 申报个人所得税是按应发工资还是实发工资
  • 非贸易付汇去银行汇款流程
  • 预提费用账户期末
  • 外单位人员报销差旅费会计分录
  • 防伪税控系统中的设备包括哪些
  • 邀请境外机构提出申请
  • 应扣未扣的个人所得税税收如何处理
  • 购买原材料的费用
  • 生产成本福利费用汇算清缴嘛
  • 费用分摊怎么算
  • 增值税发票价格低于进项
  • 公司纳税人是什么意思是不是法人
  • 核定征收的个人所得税怎么申报
  • 定额发票使用年限规定
  • 小规模纳税人月末结转增值税
  • 兼职获得员工旅游资源
  • 特朗普政府公布大力度减税方案
  • 计算本月生产成本怎么算
  • 个人所得税纳税比例
  • 现金折扣发票如何开具
  • 科研项目经费怎么填
  • 供应商退回货款有时间限制吗
  • 个人所得税完整证明
  • 计算所得税时扣除增值税附加怎么算
  • 公司注销注销顺序
  • 补缴配套费
  • 长期待摊费用的概念
  • ntkrpamp.exe
  • thinkphp框架流程原理
  • 商品房契税申报是增量房申报吗
  • elements table
  • 消费者取得哪种权利
  • 苏门答腊岛海岸线多少
  • 注销公司需要缴纳注册资金吗
  • 无偿转让房屋
  • 从银行提取现金分录
  • 用php生成一个txt文件
  • 其他应付款的辅助核算项目是什么
  • php dao
  • 中国移动常被称为
  • readline只读一行
  • 公司建造厂房
  • 研发的无形资产
  • 应收账款收不回来的情况说明
  • 其他免税销售额大于0免税性质代码
  • 种植中药材公司取名字大全
  • 总承包可以转包吗
  • 财务会计的主要目标和工作内容包括
  • 营业外收入包括其他业务收入吗
  • 盘盈盘亏的定义
  • 固定资产税前一次性扣除会计处理与税务处理
  • 支付金额与实付金额不一致
  • 预付账款在何时可以转出
  • 研发支出怎么结转到管理费用
  • 在建工程中发生的费用
  • 计提工会经费的会计分录
  • 验资户和基本户账号一致么
  • 保险增值税发票是什么
  • 快递费可以抵扣销项吗
  • 辅助生产成本如何结转
  • sql server数据库正在恢复
  • sqlserver如何保留两位小数
  • mysql 存过
  • 怎么才能使牙齿变白
  • ubuntu系统中安装微信步骤
  • 为什么要淘汰相关性高的指标
  • 双系统怎么卸载系统
  • windows2008
  • win8的安全中心
  • Win7旗舰版系统镜像文件
  • free怎么使用
  • python检索文件中的内容
  • unity简单项目
  • iframe例子
  • 东莞市电子税务局app
  • 办理企业步骤
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设