位置: 编程技术 - 正文

浅谈javascript的call()、apply()、bind()的用法(javascript用处)

编辑:rootadmin

推荐整理分享浅谈javascript的call()、apply()、bind()的用法(javascript用处),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript的用处,javascript概述及作用,javascript+,javascript cgi,javascriptz,javascript cgi,javascriptz,javascript cgi,内容如对您有帮助,希望把文章链接给更多的朋友!

JavaScript中的函数不仅是一种类似于Java中方法的语言功能,它还可以作为对象而存在。 本文将要探讨JavaScript中函数的一些特殊用法,包括call、apply、bind三个原型方法。一、函数基础JavaScript中的函数是一种类似于Java中方法的语言功能,不过它可以独立于类进行定义。

函数式编程:由于JavaScript支持匿名函数,因此可以将函数作为对象来使用, 所以JavaScript不仅支持过程式编程(面向对象也是过程式编程的一种),还支持函数式编程。上下文

函数的每次调用都会拥有一个特殊值——本次调用的上下文(context)——这就是this关键字的值。 如果函数挂载在一个对象上,作为对象的一个属性,就称它为对象的方法。当通过这个对象来调用函数时,该对象就是此次调用的上下文, 也就是该函数的this的值。

需要注意,this是一个关键字,不是变量,也不是属性名。JavaScript的语法不允许给this赋值。

函数是一种对象

JavaScript中的函数和Java中的方法或C语言中的函数最大不同在于,JavaScript中的函数也是一种对象。 但这并不意味着,所有的对象都是函数。函数是一种包含了可执行代码,并能够被其他代码调用的特殊的对象。

和变量不同,关键字this没有作用域的限制,嵌套的函数不会从调用它的函数中继承this。 - 如果嵌套函数作为方法调用,其this的值指向调用它的对象。 - 如果嵌套函数作为函数调用,其this的值不是全局对象(非严格模式下)就是undefined(严格模式下)。

很多人误以为调用嵌套函数时this会指向掉i用外层函数的上下文。如果你想访问这个外部函数的this值, 需要将this的值保存都在一个变量中,这个变量和内部函数都同在一个作用域内。例如:

闭包

JavaScript的函数可以嵌套在其他函数中定义,这样它们就可以访问它们被定义时所处的作用域中的任何变量。 这意味着JavaScript函数构成了一个闭包(closure),它给JavaScript带来了非常强劲的编程能力。

作为值的函数在JavaScript中,函数不仅是一种语法,也是值,也就是说,可以将函数赋值给变量,存储在对象的属性或数组的元素中, 作为参数传入另外一个函数等。

浅谈javascript的call()、apply()、bind()的用法(javascript用处)

bind、call、apply每一个函数都包含一个prototype属性,这个属性是指向一个对象的引用,这个对象称作“原型对象”。 每一个函数都包含不同的原型对象。当将函数用作构造函数的时候,新创建的对象会从原型对象上继承属性。

Function.prototype.call()和Function.prototype.apply()

call()和apply()可以看作为某个对象的方法,通过调用方法的形式来间接调用函数。 它们的第一个参数是要调用函数的母对象,它是调用上下文,在函数体内通过this来获得对它的引用。 apply()方法和call()方法的作用相同,只不过函数传递的方式不一样,它的实参都放入在一个数组中。

举个例子,以对象o的方法的形式调用函数f(),并传入两个参数,可以使用这样的代码:

再举一个例子,使用call方法调用匿名函数:

在下例中的for循环体内,我们创建了一个匿名函数,然后通过调用该函数的call方法,将每个数组元素作为指定的this值执行了那个匿名函数。 这个匿名函数的主要目的是给每个数组元素对象添加一个print方法,这个print方法可以打印出各元素在数组中的正确索引号。 当然,这里不是必须得让数组元素作为this值传入那个匿名函数(普通参数就可以),目的是为了演示call的用法。

Function.prototype.bind()

bind()是在ES5中新增的方法,从名字可以看出,这个方法的主要作用就是将函数绑定到某个对象。 当在函数f()上调用bind()方法并后窜入一个对象o作为参数,这个方法将返回一个新函数: (以函数调用的方式)调用新的函数将会把原始的函数f()作为o的方法来调用。例如:

其实我们可以轻松的实现bind()方法:

二、函数式编程JavaScript并非函数式编程语言,但在JavaScript中可以像操控对象一样操控函数,也就是说可以在JavaScript中应用函数式编程技术。

使用函数处理数组

假设有一个数组,数组元素都是数字,我们想要计算这些元素的平均值和标准差。

var stddev = Math.sqrt(deviations.map(square).reduce(sum)/(data.length - 1));高阶函数

高阶函数就是操作函数的函数,它接收一个或多个函数作为参数,并返回一个新函数。举个例子:

函数not()是个高阶函数,因为它返回一个新的函数,这个新函数将它的实参传入f(),并返回f的返回值的逻辑非。

标签: javascript用处

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

上一篇:EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)(easyui 弹框)

下一篇:详谈javascript异步编程(js异步编程的四种方法)

  • 车船税退税办理时限
  • 外贸企业的出口收入免征其地方水利建设基金
  • 初级职称经济法基础重点
  • 小规模纳税人出口可以退税吗
  • 用人单位延迟给员工交社保怎么办
  • 中山哪家企业招聘残疾人
  • 个税申报月份错了怎么改
  • 公款私存个人账户怎么处理
  • 员工备用金期末未报销怎么处理
  • 公司做帐成本发票怎么开
  • 租赁的生产设备计入哪个科目
  • 发放独生子女津贴的条件
  • 暂估的成本跨年了怎么冲销后要调整报表吗
  • 存货盘亏的分录怎么写
  • 预收房款缴所得税会计分录怎么写?
  • 城建税及教育费附加税怎么算
  • 活动策划费属于哪一类
  • 以前年度损益调整会计分录
  • 劳务派遣 税务
  • 来料加工的账务处理
  • 4S店装修改造费帐务处理?
  • win11 老机器
  • 不征税收入与免税收入的区别
  • 债券利息收入征税吗
  • 公司试乘试驾车管理
  • 进程process.acore已停止怎么办
  • 企业租用个人房屋
  • 阿里云天池大赛pdf
  • .net core 开发web
  • 增值税申报时,里面没有数据怎么办
  • php模板引擎原理
  • Vue Element UI 中 el-table 树形数据 tree-props 多层级使用避坑
  • 好用的移动端ui框架
  • 自动驾驶 模块
  • php面向对象的机制
  • 进项税额转出有什么好处
  • 出售自建不动产怎么交税
  • 微信认证费是什么意思
  • 转出未交增值税怎么算
  • c+c#
  • 计提短期借款利息会计分录怎么写
  • 印花税对什么征税
  • 简易征收销售额是什么意思
  • 营销策划合作协议
  • 外币账户的设置在哪里
  • 可供分配的利润包括
  • 假如出口收汇的钱怎么办
  • 什么时候不能计入开办费
  • 结算备付金账户是什么帐户
  • 业务招待费比例控制规定
  • 疫情期间水电费补贴收入申报企业所得税吗
  • 代收的车船税没交怎么办
  • 补贴计税吗
  • 预收账款的借贷方向增减
  • 消防设施 房产税
  • 怎么样创建
  • cf游戏初始化失败是因为什么
  • 操作系统中的三级调度
  • 有效减少win8关机时间的方法分享
  • 免费获取windows8.1
  • win7手动装系统步骤
  • windows一键隐藏桌面图标
  • 苹果笔记本安装win10
  • win7计算机窗口菜单栏
  • Win7旗舰版64位如何关闭电脑触摸屏功能的方法
  • cocos2dx游戏开发框架
  • ai控制器的简称是
  • unity g
  • unity3d 游戏开发 消息通信
  • Node.js中的全局对象有
  • javascript框架库升级
  • python functools.wraps
  • shell脚本传参数给命令
  • JavaScript 事件对象介绍
  • jquery的checkbox,radio,select等方法小结
  • js实现生成随机的圆
  • 云南税务局网上办税大厅登录入口官网
  • 从事农业种植是什么职业
  • 重庆市电子税务局电话
  • 2021年福建医保什么时候交
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设