call（）、apply（）和bind（）的区别

最新推荐文章于 2022-09-05 12:08:25 发布
最新推荐文章于 2022-09-05 12:08:25 发布
阅读量82 收藏
点赞数
分类专栏： ＪａｖａＳｃｒｉｐｔ
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zuo_zuo_blog/article/details/110553390
版权

1.call()修改函数this运行时的指向，并且可以继承父的属性
Dad.call(this, uname, age);

2.apply（）修改函数this运行时的指向，参数需要是数组
Dad.apply(函数，array) 一般用于内置函数的最值求取

3.bind（）修改函数this运行时的指向，但是不会调用执行函数
Dad.bind()仅仅改变this指向，并没有执行函数。一般适用于定时并需要改变指向

在这里插入图片描述

zuo_zuo_blog
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
call()和apply()的区别和使用
weixin_44134816的博客
03-15 39
首先先说明它们共同的作用：call和apply 都是用来修改函数中this的指向问题； 其次就是它们不同的传参方式：注意上一句话中说他们的作用时有两个关键词 ‘函数’和‘this’，想要修改this 的指向，那么必然有一个this修改后的指向，而函数必然后关系到传参问题：call方法可以传给该函数的参数分别作为自己的多个参数，而apply方法必须将传给该函数的参数合并成一个数组作为自己的一个参数： var name = 'Evan'; var age = 20; var person = { n
call()、apply()、bind()方法的使用
youlinhuanyan的博客
08-19 295
call()、apply()、bind()方法的使用 这三个方法尤其不好区分、也容易混淆，网上有很多文章试图解释这三个的区别及用法。有的还举例，用故事说，反而增加了理解的难度，只是想简单、快速、直接在理解这几个方法，但是却得先理解那个故事的含义。 很无语。。。 call、apply、bind的作用是改变函数运行时this的指向 我去，啥意思？我们看一下面两个对象 var name = 'WW' function objA() { name: 'AA', show: function(){ conso
call ,apply和bind方法 详解
热门推荐
06-19 2万+
JavaScript 函数call、apply和bind的区别和用法详解
call、apply和bind的区别
hmxs_hmbb的博客
05-04 1万+
面试会经常被问到哦！！！！！
细说 call、apply 以及 bind 的区别和用法-详解
JackieDYH的博客
09-05 1619
call 和 apply 的共同点 它们的共同点是，都能够改变函数执行时的上下文，将一个对象的方法交给另一个对象来执行，并且是立即执行的。 为何要改变执行上下文？举一个生活中的小例子：平时没时间做饭的我，周末想给孩子炖个腌笃鲜尝尝。但是没有适合的锅，而我又不想出去买。所以就问邻居借了一个锅来用，这样既达到了目的，又节省了开支，一举两得。 改变执行上下文也是一样的，A 对象有一个方法，而 B 对象因为某种原因，也需要用到同样的方法，那么这时候我们是单独为 B 对象扩展一个方法呢，还是借用一下 A 对象
javascript中call apply 与 bind方法详解
10-22
在JavaScript中，`call`、`apply`和`bind`都是与函数调用相关的三个重要方法，它们都允许我们改变函数内部`this`的指向，从而实现不同对象间的方法复用和灵活控制上下文环境。下面我们将分别详细介绍这三个方法。 1...
Javascript中call，apply，bind方法的详解与总结
10-20
本文主要Javascript中call，apply，bind方法的进行全面分析，并在文章结尾对call，apply，bind方法的联系和区别做了总结，具有很好的参考价值，需要的朋友一起来看下吧
javascript中apply/call和bind的使用
10-20
本文主要介绍了javascript中apply/call和bind的使用。具有很好的参考价值，下面跟着小编一起来看下吧
javascript中call,apply,bind函数用法示例
10-20
在JavaScript中，`call`, `apply`, 和 `bind` 是三个非常重要的函数，它们都用于改变函数内部 `this` 的指向。下面将详细介绍这三个函数的功能、使用方法以及它们之间的区别。 1. **call() 函数** `call()` 函数...
深入理解JavaScript中的call、apply、bind方法的区别
10-22
下面小编就为大家带来一篇深入理解JavaScript中的call、apply、bind方法的区别。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
input file上传文件样式美化
zuo_zuo_blog的博客
03-31 6022
1.通过label标签的for属性绑定控件id label标签的for属性与表单进行绑定包含显示绑定和隐式绑定 显示绑定： 上传文件 隐式绑定：在 标签中放入控件隐式地连接起来 上传 2.通过onclick点击按钮事件进行input操作 原理： 通过点击button按钮触发点击事件获取input中id CSS3中multiple可以选择多个文件 1代码片 <!DOCTYPE html...
数组排序：sort()方法
zuo_zuo_blog的博客
03-21 5245
sort()方法用原地算法对数组的元素进行排序，并返回数组。排序算法现在是稳定的。默认排序顺序是根据字符串Unicode码点。默认从小到大排序（按照第一个字符排序，回调函数可以按照你设置的规则） arr.sort([compareFunction]) 用来指定按某种顺序进行排列的函数。如果省略，元素按照转换为的字符串的各个字符的Unicode位点进行排序。 alert("0".c...
带有左右按钮的轮播图
zuo_zuo_blog的博客
04-21 3251
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> body,ul,ol,li,img{margin:0;pa...
三张图并排轮播滚动
zuo_zuo_blog的博客
12-11 2962
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>三张图轮播效果</title> <style> .product-cont .lunbo{ width: 100%; hei...
中国标准时间、时间戳、年月日等日期格式处理
zuo_zuo_blog的博客
03-13 2823
1.new Date( ) 输出 Fri Mar 06 2020 15:18:29 GMT+0800 (中国标准时间) 2.date.getTime() 得到时间戳 输出 1583479672091 3.date.setTime(); 设置时间 （时间戳） 4.date.getDate()、date.getMonth() 输出 年月日 5.将中国标准时间转化未年月日（2020-03...
JS动态创建link标签到head
zuo_zuo_blog的博客
05-20 2823
方法一 添加新link可行，因为页面度加载完毕. html就不会变化了 不管用js怎么改源代码不会变。添加新link就用head.appendChild()。 var linkzh = document.createElement('link'); linkzh.setAttribute('hreflang','zh'); linkzh.setAttribute('rel','alternate'); linkzh.setAttribute('href','hhttp://www.badidu.com');
js实现通过手机号发送验证码功能
zuo_zuo_blog的博客
12-17 2589
代码如下： <!DOCTYPE html> <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>发送验证码</title> <style> .contain{ width:300px...
react antd Table动态合并单元格
zuo_zuo_blog的博客
11-09 2235
原始数组 const data = [ { key: '0', name: 'John Brown', age:22, address: 'New York No. 1 Lake Park', tags: ['nice', 'developer'], }, { key: '1', name: 'John Brown', age: 42, address: 'London No. 1 Lake Park', tags:
固定导航栏
zuo_zuo_blog的博客
04-26 2128
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0 ...
call、apply和bind 区别
最新发布
07-14
call、apply和bind都是JavaScript中用来改变函数this指向的方法。 call和apply是直接调用函数时使用的方式，它们都可以改变函数内部的this指向。其中call接受一个参数列表，而apply接受一个参数数组。 bind则是对...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值