位置: 编程技术 - 正文

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

  • 收取商标权使用费分录
  • 增值税专用发票使用规定 最新
  • 二手车交啥税
  • 分公司能享受小微企业所得税优惠吗
  • 政府会计制度银行存款利息咋处理
  • 单位买绿植可以报销吗
  • 发票报送失败怎么弄
  • 2019年残保金申报时间
  • 工程材料增值税税率2023年
  • 2016 营改增 对建筑企业影响
  • 化妆品的成本利润是多少
  • 房产契税新政策消息2023
  • 权益资本成本率计算
  • 营改增后,房地产开发项目预售价如何申报
  • 政府补贴可以税前扣除填写在哪里
  • 进料加工贸易是什么意思
  • 加工贸易的方式
  • 小型微利企业的税收政策
  • 培训机构开办资金
  • Win10 21H2 Build 21354 ISO 太阳谷官方镜像预览版下载
  • PHP:pg_last_error()的用法_PostgreSQL函数
  • php和py
  • 格拉斯伯格
  • thinkphp分页传递参数
  • 公司每年都有什么费用
  • php随机ua
  • Laravel 5使用Laravel Excel实现Excel/CSV文件导入导出的功能详解
  • 商业会计的做账流程
  • 缴纳租房押金会被骗吗
  • 实现php框架系列功能
  • php自定义变量的方法是
  • php时间戳相减
  • 微信小程序登录后端
  • 增值税专用发票的税率是多少啊
  • php新手入门教程
  • 同业代付的好处
  • 购进来的样品怎么账务处理
  • mysql中regexp_instr函数的使用
  • phpcms怎么用
  • 补提折旧会计处理
  • 纳税调整项目明细表30行怎么填写
  • 旅行社代订机票的发票可以抵税吗
  • python中类方法有什么用
  • 如何确定可以结婚生子
  • 资信证明好开吗
  • 购货销售折让会计分录
  • 一般纳税人购入需要安装的生产设备,其入账价值包括
  • 使用SQL server创建数据库和表
  • 已经认证抵扣的发票怎么红冲
  • 增值税税控系统专用设备费及技术维护费抵扣
  • 买电脑怎么做账
  • 增值税专用发票怎么开
  • 清算期间研发费怎么算
  • 文化传媒公司的主营业务
  • 餐饮开票税率
  • 成本收入率和收入成本率的区别
  • 外埠存款怎么读
  • 建账的内容一般包括什么
  • 会计账簿的更换和保管有哪些要求
  • sql server.
  • vb.net with
  • win7系统重启后多了一个安全启动用户
  • mac电脑连wifi总是断开
  • linux怎样挂载
  • 如何设置个性化桌面
  • WIN10系统中断
  • ubuntu 怎么用
  • windows 隐藏软件
  • win10怎么进去
  • win10 win8.1双系统
  • window10如何设置访客权限
  • win10玩饥荒
  • python3安装pygame
  • unity3d mod
  • java模拟支付功能
  • 小规模一季度多少免增值税
  • 民办非营利医院所得税
  • 生活费需要缴纳什么税
  • 天津国税发票查询真伪查询
  • 税务总局2016年70号公告
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设