位置: 编程技术 - 正文

浅谈JavaScript中的apply/call/bind和this的使用(javascript总结)

编辑:rootadmin

推荐整理分享浅谈JavaScript中的apply/call/bind和this的使用(javascript总结),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:简单阐述javascript的主要作用,简述javascript,javascript总结,细说javascript,javascript概述及作用,javascript总结,细说javascript,javascript的,内容如对您有帮助,希望把文章链接给更多的朋友!

fun.apply(context,[argsArray])

立即调用fun,同时将fun函数原来的this指向传入的新context对象,实现同一个方法在不同对象上重复使用。

context:传入的对象,替代fun函数原来的this;

argsArray:一个数组或者类数组对象,其中的数组参数会被展开作为单独的实参传给 fun 函数,需要注意参数的顺序。

fun.call(context,[arg1],[arg2],[…])

同apply,只是参数列表不同,call的参数需要分开一个一个传入。如果不知道参数个数,则使用apply。

使用:

Math.max() //只接收单独的参数,通过下面的方法可以在数组上面使用max方法:Math.max.apply(null, array); //会将array数组参数展开成单独的参数再传入Array.prototype.push.apply(arr1,arr2); //将一个数组拆开push到另一个数组中;不用apply则会将后续数组参数当成一个元素push进去。Array.prototype.slice.call(arguments); //在类素组对象上使用slice方法

fun.bind(context,[arg1],[arg2],[…])

使fun方法执行的context永不变。

浅谈JavaScript中的apply/call/bind和this的使用(javascript总结)

arg1:要传递到新函数的参数列表

返回一个函数供后续调用,其函数体和原函数fun一样,但新函数的this指向新传入的context对象。新函数会具有bind方法指定的初始参数arg1/arg2...,后续调用新函数时的实参要往已有参数的后面排。

事件处理函数中使用bind:

使用bind()方法改写slice()方法:

bind()兼容Ie5~ie8处理

一般情况下setTimeout()的this指向window或global对象。当使用类的方法时需要this指向类实例,就可以使用bind()将this绑定到调用对象,而不用传入self方式传入this。

this

this对象是在函数运行时基于函数的执行环境绑定的:在全局函数中,this等于window,而当函数被当作某个对象的方法调用时,this等于那个对象。

判断方法:this和定义在哪儿无关,函数运行时,如果有. 运算符,this指.前的对象;如果没有,this指window。若new关键字调用时,指代新对象。有apply/call/bind时,指代第一个参数。

在一个HTML DOM事件处理程序里面,this始终指向这个处理程序被所绑定到的DOM节点。

微信小程序开发之入门实例教程篇 前言近日,在工作闲暇之余,阅读了一些关于微信小程序的文章,忍不住,想动手试他一试。本文就以我的第一个微信小程序为例,简单的介绍下,微

javascript 秒表计时器实现代码 javascript秒表计时器实例代码:htmllang="en"headmetacharset="UTF-8"titlejs计时器/title/headbodyinputtype="text"value=":"inputtype="button"value="开始"inputtype="button"value="结束"

ECMAScript6 新特性范例大全 ECMAScript6(ECMAScript,ES5,ES)技术已经在前端圈子很流行了,他给前端开发人员带来了很多惊喜,提供的语法糖使复杂的操作变得简单。本文没有

标签: javascript总结

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

上一篇:深入理解Javascript中的观察者模式(深入理解ffmpeg pdf)

下一篇:微信小程序开发之入门实例教程篇(微信小程序开发用什么语言)

  • 本期实际抵减税额合计0.00不等于
  • 小规模纳税人单张发票最大金额
  • 个税app正式启用
  • 金蝶迷你版怎么打印凭证
  • 购进灭火器材怎么入账
  • 购入的固定资产
  • 个税是否可以跨区缴纳
  • 纳税人财务会计报表报送管理办法
  • 减免税金需要计提吗
  • 2019城建税减半征收优惠政策解读
  • 新公司法注册资本认缴制
  • 银联交易手续费
  • 公司注销时发现很多年前多发了员工的工资
  • 资金账簿印花税最新政策2023
  • 增值税专用发票验证真伪
  • 到底如何理解参数方程
  • 发票备注有法律效力吗
  • 小规模纳税人废品站卖废品发票开什么项目
  • 承兑汇票延期托收证明
  • 定金转为货款金额需要特别约定吗?
  • 企业成本费用包含
  • 电脑屏幕突然黑屏怎么回事
  • 原材料生产产生的费用
  • win7无法使用管理员权限
  • 新固定资产的六大类型
  • PHP:mb_encoding_aliases()的用法_mbstring函数
  • 税务检查所得税调整
  • win11系统语言修改不了
  • watch os2.1支持机型
  • window10怎么禁用系统弹窗
  • 小规模企业没有成本票怎么办
  • PHP简单实现HTTP和HTTPS跨域共享session解决办法
  • 分公司改为子公司的所得税业务处理?
  • php实现文件上传需要使用哪个全局变量
  • 实现产供销一体化
  • 微信小程序web-view 添加悬浮按钮
  • 销售货物的收入总额包括什么
  • vuex中this.$store.commit和this.$store.dispatch的用法
  • Laravel 5.1 on SAE环境开发教程【附项目demo源码】
  • css 入门
  • 其他综合收益在资产负债表中如何填列
  • 工会经费的会计分录2022
  • 境外捐赠入账
  • dict在python中的作用
  • 《开具红字增值税专用发票通知单》
  • 成本费用率和成本费用利润率的区别
  • 所得税报表的营业成本包括费用吗
  • 企业主营业务收入科目下的余额应转入的科目是
  • 生活服务业可以开具增值税专用发票
  • 火车票报销抵扣比例是多少
  • 一般纳税人购入不动产增值税税率
  • 安全生产费实际发生
  • 个人转租房需要注意什么
  • 收到劳务费发票如何申报个税
  • 固定资产发票未到可以确认固定资产吗
  • 仓储领域
  • 预算会计年末如何结账
  • 固定资产报废由谁审批
  • 印花税滞纳金怎么处理
  • 五险一金是否需缴纳
  • 获得sql数据库信息的方法
  • ubuntu20.04.2
  • mac上怎么取消itunes自动续费
  • window配置在哪
  • centos安装详细
  • 笔记本接外设
  • jquery1
  • jquery插件怎么用到自己的网站
  • 详解Javascript ES6中的箭头函数(Arrow Functions)
  • bat批处理视频教程
  • cssfixed中浮动
  • Node.js中的什么模块是用于处理文件和目录的
  • 自定义右键属性是什么
  • shell脚本运行linux命令
  • android DefaultHttpClient设置setCookieStore
  • jquery 扩展事件
  • 地税局网上报税
  • 加拿大海关关税税率查询
  • 开原航天医院官网
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设