位置: 编程技术 - 正文

谈谈JavaScript中的几种借用方法(请问在javascript程序中)

编辑:rootadmin

推荐整理分享谈谈JavaScript中的几种借用方法(请问在javascript程序中),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript的语句,javascript的语句,简述javascript,javascript的理解,请问在javascript程序中,简要说明javascript的作用,javascript的理解,简要说明javascript的作用,内容如对您有帮助,希望把文章链接给更多的朋友!

前言

通过call()、apply()和bind()方法,我们可轻易地借用其它对象的方法,而无须从这些对象中继承它。

在JavaScript中借用方法

在JavaScript中,有时可以重用其它对象的函数或方法,而不一定非得是对象本身或原型上定义的。通过 call()、apply() 和 bind() 方法,我们可轻易地借用其它对象的方法,而无须继承这些对象。这是专业 JavaScript 开发者常用的手段。

原型方法

在 JavaScript 中,除了不可更改的原始数据类型,如 string、number 和 boolean,几乎所有的数据都是对象。Array 是一种适用于遍历和转换有序数列的对象,其原型上有 slice、join、push 和 pop 等好用的方法。

一个常用的例子是,当对象和数组都是列表类型的数据结构时,对象可以从数组“借用”方法。最常借用的方法是 Array.prototype.slice。

借用方法之所以可行,是因为 call 和 apply 方法允许在不同上下文中调用函数,这也是重用已有功能而不必继承其它对象的好方法。实际上,数组在原型中定义了很多常用方法,比如 join 和 filter 也是:

可以看出,不仅对象可以借用数组的方法,字符串也可以。但是因为泛型方法是在原型上定义的,每次想要借用方法时都必须使用 String.prototype 或 Array.prototype。这样写很??拢?芸炀突崃钊松?帷8?行У姆椒ㄊ鞘褂米置媪坷创锏酵??哪康摹?/p>

使用字面量借用方法

字面量是一种遵循JavaScript规则的语法结构,MDN 这样解释:

谈谈JavaScript中的几种借用方法(请问在javascript程序中)

在JavaScript中,使用字面量可以代表值。它们是固定值,不是变量,就是在脚本中按字面给出的。字面量可以简写原型方法:

这样看上去没有那么冗长了,但是必须直接在 [] 和 "" 上操作以借用方法,仍然有点丑。可以利用变量保存对字面量和方法的引用,这样写起来更简便些:

有了借用方法的引用,我们就可以轻松地使用 call() 调用它了,这样也可以重用代码。秉着减少冗余的原则,我们来看看可否借用方法却不用每次调用都要写 call() 或者 apply():

如你所见,现在可以使用 Function.prototype.call.bind 来静态绑定从不同原型“借来的”方法了。但是 var slice = Function.prototype.call.bind(Array.prototype.slice) 这句话实际是如何起作用的呢?

理解 Function.prototype.call.bind

Function.prototype.call.bind 乍一看有些复杂,但是理解它是如何起作用的会非常有益。

Function.prototype.call 是一种引用,可以“call”函数并将设置其“this”值以在函数中使用。注意“bind”返回一个存有其“this”值的新函数。因此 .bind(Array.prototype.slice) 返回的新函数的“this”总是 Array.prototype.slice 函数。

综上所述,新函数会调用“call”函数,并且其“this”为“slice”函数。调用 slice() 就会指向之前限定的方法。

自定义对象的方法

继承很棒,但是开发者通常在想要重用一些对象或模块间的通用功能时才会使用。没必要仅为代码重用使用继承,因为在多数情况下简单的借用方法会很复杂。

之前我们只讨论了借用原生方法,但是借用任何方法都是可以的。比如下面的代码可以计算积分游戏的玩家分数:

虽然上面的例子很生硬,但是可以看出,就像原生方法一样,用户定义的方法也可以轻松借用。

总结

Call、bind 和 apply 可以改变函数的调用方式,并且经常在借用函数时使用。多数开发者熟悉借用原生方法,但是较少借用自定义的方法。

近几年 JavaScript 的函数式编程发展不错,怎样使用 Function.prototype.call.bind 借用方法才更加简便?估计这样的话题会越来越常见。

标签: 请问在javascript程序中

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

上一篇:浅谈js基本数据类型和typeof(js数据的基本类型有哪些)

下一篇:关于JavaScript限制字数的输入框的那些事(js限制数组长度)

  • 企业应交所得税怎么算
  • 固定资产报废的会计科目
  • 房租租金收入都缴纳什么税金
  • 折旧方法改变属于会计政策变更还是估计变更
  • 收到国外提供免费样品怎么入账?
  • 卖二手车怎么做账务处理
  • 预付款怎么做账务处理
  • 快递费需要计提吗
  • 购车合同起什么作用
  • 预缴税款的税率
  • 营改增后建筑业开票规定
  • 其他应付款质保金到期怎么附单据
  • 小规模印花税减免性质代码和项目名称
  • 企业间拆借应收利息记哪个科目?
  • 增值税有留底怎么申请退税
  • 财会报告需要哪些证书
  • 关联公司代付款
  • 法人变更股权不转让有什么影响么么
  • 策划公司费用怎么算
  • 条形码费用属于哪个科目
  • 证券资金利息
  • 短期借款应付利息列报
  • 在window操作系统中
  • pssvc.exe - pssvc是什么进程 有什么用
  • php去除二维数组重复值
  • linux命令有啥用
  • 安装adsl modem必须安装什么协议
  • 补缴社保公积金申请书怎么写
  • 高新技术企业研发费用归集
  • 预收的购货款属于收入吗
  • PHP:zip_entry_compressedsize()的用法_Zip函数
  • vue路由跳转原理
  • android应用程序开发语言
  • 小规模纳税人未开票收入如何填申报表
  • php年月日时间代码
  • 法定盈余公积使用于什么
  • pdf优化器在哪里
  • php数组处理函数array_push会影响源数组的元素吗
  • python怎么生成随机矩阵
  • 不动产固定资产清理
  • 补偿金是否应该上税
  • day35-JSON&Ajax03
  • 应交税费的明细账怎么登记
  • 预付款已经开了发票未到货要怎么做账
  • 企业增值税征收范围
  • 分公司出现法律问题谁负责
  • 公司发放工作服怎么做账务处理
  • 2020年扶贫拨款
  • 税控设备技术维护费
  • 工程施工企业外管证怎么办理
  • 收到去年所得税汇算清缴退税账务处理
  • 年平均资金占用额公式
  • 事业单位收费可以收取相关服务费吗
  • 故意销毁会计凭证、会计账簿罪
  • 办公费用包含哪里费用
  • windows中任务栏
  • winxp系统如何安装
  • XP系统怎么升级win10
  • 灵活设置成员
  • 利用arp指令,能够防止arp欺骗吗?
  • 电脑bios怎么设置usb启动
  • 为什么多出一个系统
  • linux rmdir
  • centos6.5配置静态ip地址
  • js 验证数字
  • js如何获取url
  • js实现计时器在线时间
  • [置顶]游戏名:chivalry2
  • shell检查语法错误
  • jquery购物车商品价格计算
  • 用jQuery的AJax实现异步访问、异步加载
  • jquery绑定事件和移除事件
  • javascript如何绘制曲线
  • jquery获取指定元素
  • js拖动效果
  • 如何查询税务情况
  • 广西税务怎么交城乡养老保险
  • 国家电子税务总局重庆电子税务局
  • 国家税务网上办税平台
  • 销售佣金属于什么税目
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设