call、apply、bind的区别

最新推荐文章于 2022-08-25 19:11:45 发布
最新推荐文章于 2022-08-25 19:11:45 发布
阅读量71 收藏
点赞数
分类专栏： js基础 文章标签： 修改this js基础
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41893334/article/details/90214274
版权
三个修改this的方法的区别

call:修改函数和方法的this为指定的值,会立即调用,可以传递参数,直接写在后面用逗号隔开
apply:修改函数和方法的this为指定的值,会立即调用,可以传递参数,用数组来传递
bind:修改函数和方法的this为指定的值,不会立即调用而是会返回修改this后的新函数,也可以传递参数,直接写在后面用逗号隔开

爱喝冬瓜汤的外星人
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
call apply bind的作用和区别
XIAXING123的博客
03-15 2229
1.call apply bind 的作用和区别 作用： 都可以改变函数内部的this指向。 区别点： 1.call和apply会调用函数，并且改变函数内部this指向。 2.call和apply传递的参数不一样，call传递参数arg1,arg2..形式apply必须数组形式[arg] 3.bind不回调用函数，可以改变函数内部this指向。 解析： call方法 改变函数内部this指向 call()方法调用一个对象。简单理解为调用函数的方式，但是它可以改变函数的this指向。 写
原生JS实现 call apply bind
01-08
call apply bind 的 区别 call apply方法都是在调用之后立即执行的，而bind是返回原函数，需要再调用一次才能执行 传参方式的区别 var newFn1 = fn1.bind(newObj,arg1,arg2....); bind 第一个参数为需改变的新指向...
call apply bind 区别与联系
weixin_47075145的博客
08-25 594
分析：Math.max(1,36,2,7,321)这种可以得到最大值，但是是求数组中最大值，所以可以想到apply的第二个参数要求是数组来解决。分析：这里this指向的是btn,因为是给btn绑定的点击事件，但是如果想让this指向 h1，然后点击按钮，打印出h1的id的话，就需要改变this指向。分析：可以实现 this指向 h1，也实现了 点击按钮，打印出h1的id。分析：可以实现 this指向 h1，但是实现不了 点击按钮，才打印出h1的id。eg：数组 [1,36,2,7,321] ,求其最大值？.
call apply bind区别
u012174809的专栏
05-08 161
解决this指向问题？ 使用ES6中箭头函数 函数内部使用_this = this 使用apply，call，bind方法 new实例化一个对象 为什么要改变this指向? var name="lucy"; let obj={ name:"martin", say:function () { console.log(this.name); } }; obj.say(); //martin，this指向obj对象 setTimeout(obj.say.
call、apply和bind的区别
hmxs_hmbb的博客
05-04 1万+
面试会经常被问到哦！！！！！
call apply bind 区别
m0_58729897的博客
10-05 124
call apply bind 区别 相同点 call apply bind 都可以进行传参，更改this的指向 区别 call apply 的区别在于传参，call传参时是以参数的形式进行的，除第一个是进行this改变指向的，之后的每一个都是进行传参的 apply的传参是以数组的形式进行的，有两个参数，第一个是改变this的指向，第二个是一个数组的形式进行传参 call apply和band的区别 band 调用时自己创建了一个函数称为绑定函数，band函数中的第一个参数作为更改this指向的函数之后的
实现 call apply bind
呵呵，到处看看
02-07 744
// call apply bind 都是 function 原型上的方法 // call 传入 this指向的对象 传入参数 列表 Function.prototype.myCall = function (context,...args){ if (context===null||typeof context === undefined){ context = window //如果 context 传入 null 或 undefined 则 this 指向 window } //传
call，apply，bind的区别
why404
02-09 1万+
一、call,apply,bind的相同点： 都是改变this指向的； 第一个参数都是this要指向的对象； 都可以利用后续参数传参； 二、call,apply,bind的区别： call和bind的参数是依次传参，一一对应的； 但apply只有两个参数，第二个参数为数组； call和apply都是对函数进行直接调用，而bind方法返回的仍是一个函数； 例如： var a ={ name:'一一', age:'22', sex:'女', ho.
bind、call、apply区别
qq_46131492的博客
12-15 3054
在JavaScript中，call、apply和bind是Function对象自带的三个方法，这三个方法的主要作用是改变函数中的this指向。 call、apply、bind方法的共同点和区别：apply、call、bind三者都是用来改变函数的this对象的指向的；apply、call、bind三者第一个参数都是this要指向的对象，也就是想指定的上下文（函数的每次调用都会拥有一个特殊值——本次调用的上下文（context）——这就是this关键字的值。）；apply、call、b...
Js call apply bind区别
aimeizi1314的博客
09-17 197
参考https://github.com/lin-xin/blog/issues/7 Call/Apply ECMAScript 规范给所有函数都定义了 call 与 apply 两个方法 区别： 两者区别在于所传参数不一样，apply参数是单个数组，call是一系列参数； 作用： 改变了this的指向； 借用其他函数的方法，比如常用的Array,property....
bind、call、apply 区别
热门推荐
weixin_40856652的博客
04-20 2万+
一、bind、call、apply的作用 关于call、apply、bind函数，它们主要用来改变this指向的，在很多框架中常有用到，而且也是面试官喜欢问到的问题：多数会问道三者的区别， 以及手动实现它们。 call的用法 fn.call(thisArg, arg1, arg2, arg3, ...) 调用fn.call时会将fn中的this指向修改为传入的第一个参数thisArg；将后面的参数传入给fn,并立即执行函数fn。 let obj = { name: "xiaoming",
开启Javascript中apply、call、bind的用法之旅模式
10-23
为了控制函数的this指向，JavaScript提供了apply、call以及bind方法。以下详细解释了apply、call以及bind的用法，并通过实例加深理解。 1. apply()和call()方法 apply()和call()方法都用于指定函数体内this的值。...
什么是事件委托？
qq_41893334的博客
08-23 8298
上次面试没回答出来，因为真的没有咋用过（哭辽） 由一个案例来引出： 现在有一个需求：点击li添加背景颜色，并排他，点哪个哪个有背景颜色 <ul> <li class="selected">1</li> <li>2</li> <li>3</li> <li>4</li&...
js中new操作符到底干了什么？
qq_41893334的博客
05-19 2981
先看一个例子： function Person() { this.name = 'Andy'; this.age = 20; this.say = function () { console.log('hello everybody'); } } Per...
如何给数组末尾添加一个值
qq_41893334的博客
08-24 2759
let arr = [1,2,3]; let num = 4; 将num添加到数组末尾 arr.push(num); console.log(arr);//[1,2,3,4] arr[arr.length] = num; console.log(arr);//[1,2,3,4]
new的原理是什么？通过new方式创建对象和通过字面量创建有什么区别？
qq_41893334的博客
06-05 1977
1.new的原理是什么？ 看这里 2.new创建对象和字面量创建本质上是一样的，字面量的方式比较简单，也不用调用构造函数，性能较好 3.自己模拟new的操作 function Person(type) { this.type = type; // return 10;//Primitive value returned from constructor will b...
如何阻止a标签的默认行为（阻止跳转）
qq_41893334的博客
08-23 1687
点击如下标签会跳转到http://www.it666.com，但是如何让它不跳转呢？ <a href="http://www.it666.com">知播渔教育</a> 下面的做法可以阻止a标签的默认行为 1. let oA = document.querySelector('a'); oA.onclick = function(){ return false;//企业开...
js 找出两个数组中不同和相同的元素
qq_41893334的博客
01-07 1440
找出两个数组中不同的元素 思路:将两个数组连接起来，不同的元素在连接后的数组中只有一份，同时从前面找和从后面找，若索引一致则选出来 let arr1 = [1,2,3,4]; let arr2 = [2,4,5,6]; let getDiffElement = (arr1,arr2)=>{ console.log(arr1.concat(arr2));//连接后的数组 return arr1.concat(arr2).filter((value,index,arr)=>{
js基本数据类型和引用值类型？null是对象吗？
qq_41893334的博客
09-07 1372
js中的基本数据类型（原始数据类型）： string number null undefined boolean symbol(ES6) 引用类型： object 在js中内存分为栈内存和堆内存： 栈内存存放的一般是有固定大小和空间的内容 字符串是个特例，字符串具有不变形，也存在栈内容中 堆内存存放大小不固定的内容 引用数据类型的数据存放在堆内存中 当我们声明一个引用类型的变量时，会在栈内存中存放...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值