位置: 编程技术 - 正文

你的 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)

  • 建筑劳务公司的工资计入什么科目
  • 增加固定资产原值账务处理
  • 免税进项税额转出会计分录
  • 每月先报税还是先清卡
  • 小规模纳税人如何升级为一般纳税人
  • 幼儿园个税怎么交
  • 未发货先开票怎么办
  • 购置办公用品有什么好处
  • 商品涉及商业折扣的,如何确认企业所得税的销售收入?
  • 小规模纳税人多少免征增值税
  • 购买展示样品怎么入账
  • 缴纳城建税会计分录怎么做账
  • 进项税是在抵扣吗
  • 停车管理费收费依据
  • 有限合伙的定义
  • 金蝶报告
  • 全资子公司合并抵消
  • 公司资产重组流程
  • 业务宣传费和广告费计入什么科目
  • 进口应付款融资
  • 出租房产如何交土地使用税
  • 公司账户有钱怎么取出来
  • 个税经营所得申报常见问题答疑
  • 销售人员报销差旅费怎么报税
  • php.ini配置文件
  • PHP:apache_setenv()的用法_Apache函数
  • 特殊行业需要缴什么税
  • 材料采购运杂费包括
  • php 装饰器
  • 利润的构成要素包括
  • php面向对象优点,缺点
  • 净资产收益率的概念
  • 黄石国家公园的英文翻译
  • php引用文件的方法
  • cvpr2020结果
  • python3 字典遍历
  • python迭代器iterator
  • 民间非营利组织会计账务处理
  • 连通函数
  • python中如何创建字典
  • 织梦安装数据库一直连接失败
  • 制作费开票属于什么编码类型
  • 财务报表申报错误情况说明范文
  • 呆账冲销是什么意思
  • 采用权益法核算的长期股权投资时,对于被投资企业
  • 销售返利如何得到法律的保护
  • 电子承兑汇票到期怎么兑现
  • 价内税与价外税的计算公式
  • 库存冲红是什么意思
  • 关于餐饮行业
  • 预付账款未取得发票
  • 长期待摊费用的二级科目有哪些
  • 取得工程款发票计入什么会计科目里
  • 百分百控股的企业
  • 公司销售部门购买产品
  • 贷款服务有哪些项目
  • 五险一金个人和公司缴费比例
  • 本年利润的会计分录
  • sysbench内存性能测试
  • mysql开发语言
  • mac系统10.10
  • 微软数据收集
  • win7传真和扫描
  • linux chmod命令用法
  • centos sh
  • win7取消还原
  • win7win8双系统怎么装
  • golang 和 python
  • 使用jquery实现表单验证
  • nodejs调用打印机
  • shell脚本的fi
  • asp.net mvc view
  • javascript标签大全
  • delphi7教程
  • android获取屏幕内容
  • 国家电子税务局登录入口
  • 176是哪的号码
  • 南京国税局长是谁
  • 第二税务所干什么的
  • 税务筹划前景
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设