call apply bind 的区别及用法

最新推荐文章于 2024-01-29 23:31:42 发布
最新推荐文章于 2024-01-29 23:31:42 发布
阅读量434 收藏 1
点赞数
分类专栏： call apply bind
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhiying_08/article/details/80167893
版权
<!DOCTYPE html>
<html>
<head>
<title>call apply bind 比较</title>
</head>
<body>
<div class="d1">点击</div>
<!-- 1.call apply bind 都是用来改变this的指向
2.三者中的第一个参数都是指向想要指定的上下文环境
3.三者都可以通过后续的参数传参
4.bind返回的是对应的函数便于稍后调用，call和apply都是立即调用函数
-->
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
    </script>
<script type="text/javascript">
// call 和 this的区别
var animals=function(){};
animals.prototype = {
name: 'hash',
say:function(){
console.log('my name is'+' ' +this.name)
}
}
var anim = new animals;
anim.say();//my name is hash
dog = {
name:'wangwang'
}
//此时dog对象里面没有say方法 可以通过call和apply调用anim的say方法
anim.say.call(dog);//my name is wangwang
anim.say.apply(dog);//my name is wangwang
        //call 和 apply的作用方法一致 不同的地方在于第二个参数 
        var fn1 = function(ar1,ar2){
        console.log(ar1,ar2);
        }
        fn1.call(this,1,2)//1,2
        fn1.apply(this,[2,3,4])//2,3
        //当传入的参数不确定时 对方法的改写
        var log=function(){
        console.log.apply(console,arguments);
        }
        log("log","log")//log log
        //在log函数前面加上console
        /*改造方法 arguments是伪数组可以通过数组原型的slice方法转换为标准数组，在用unshift方法在数组前面加上console*/
        var consoles=function(){
        var ars=Array.prototype.slice.call(arguments);
        ars.unshift("console");
        console.log.apply(console,ars)
        }
        consoles(".log")
        //当参数数量不确定的时候，可以用apply，然后把参数push进数组传递进去。函数内部也可以通过arguments这个数组遍历所有的参数
        //1.数组之间的追加
        var arr1=[1,2,3];
        var arr2=[4,5,6];
        Array.prototype.push.apply(arr1,arr2);
        console.log(arr1)
        //2.获取数组中的最大值最小值 number本身没有max方法，但是Math有，我们可以借助call和apply使用其方法
        var numbers=[90,78,890,231]
        var maxNumber=Math.max.apply(Math,numbers);
        minNumber=Math.min.call(Math,90,78,890,231)
        console.log(maxNumber,minNumber)
        //bind bind()方法与apply和call很相似也可以改变函数体内this的指向；
        /*通常我们会使用_this,that,seft保存this，这样我们可以在改变了上下文之后继续引用到他*/
        var fn2=function(){};
        fn2.prototype={
        num:1,
        events:function(){
        var _this=this;
        $('.d1').on('click',function(e){
        console.log(_this.num)
        })
        }
        }
        var fn3=new fn2;
        fn3.events();
        //使用bind()可以更加优雅的解决这个问题
        var foo=function(){}
        foo.prototype={
        name:'fff',
        events:function(){
        $('.d1').on('click',function(){
        console.log(this.name)
        }.bind(this))
        }
        }
        var obj1=new foo;
        obj1.events();
</script>
</body>
</html>
zhiying_08
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
call apply bind 用法与区别
Superman_peng的博客
06-07 213
用法 call 执行 call 方法时： 1.首先把要操作的函数中的this关键字变为call方法第一个传递的实参 2.把call方法第二个及之后的实参获取到 3.把要操作的函数执行，并且把第二个以后传递进来的实参传递给函数 fn.call(obj, param1, param2, ...) 关于传参 function func (a,b,c) {} func.call(obj, 1,2,3) // func 接收到的参数实际上是 1,2,3 func.call(obj, [1,2,3]) // fu
call、apply和bind的使用方法与区别
zjhahaha123的博客
05-23 210
目录call主要应用：继承apply二级目录三级目录 call、apply和bind() 三种是比较常用的方法，用来改变一些函数方法内部this指向 call call()方法 调用一个对象，简单理解为调用函数的方式，但是它可以改变函数的this指向 fun.call (thisArg, arg1,arg2,arg3,…) 主要作用： 可以调用函数 可以改变函数内this指向 主要用于继承 主要应用：继承 <script> function Father(uname,num,pr
call ,apply和bind方法 详解
热门推荐
06-19 2万+
JavaScript 函数call、apply和bind的区别和用法详解
call、bind、apply三者的区别
nanxun201314的博客
04-26 7745
当一个函数作为构造器使用时(通过 new 关键字), 它的 this 值绑定到新创建的那个对象。3、如果你在声明一个变量的时候没有使用var或者let、const(es6),你就是在给全局的this添加或者改变属性值。this改变为obj了，但是绑定的时候立即执行，当触发点击事件的时候执行的是fn的返回值undefined。对于函数中的this的指向问题，有一句话很好用：运行时this永远指向最后调用它的那个对象。bind会把fn中的this预处理为obj，此时fn没有执行，当点击的时候才会把fn执行。
call、apply和bind的区别
hmxs_hmbb的博客
05-04 1万+
面试会经常被问到哦！！！！！
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",
call、aplay 和 bind 三者之间的区别?
weixin_53877433的博客
06-18 1万+
首先，先说下this指向： this指向：his指向 = 谁调用，指向谁（这是错误的！！！）
javascript中call,apply,bind函数用法示例
10-20
下面将详细介绍这三个函数的功能、使用方法以及它们之间的区别。 1. **call() 函数** `call()` 函数允许你调用一个函数，并将函数的 `this` 值设置为提供的对象。它接受一个或多个参数，第一个参数是 `this` 指向的...
javascript中apply、call和bind的使用区别
11-28
在JavaScript中，`apply()`, `call()`, 和 `bind()` 都是用来操作函数的上下文，即改变函数内部 `this` 指向的方法。它们有三个共同点：第一，它们都能改变函数执行时的 `this` 值；第二，第一个参数都是指定的新 `...
JavaScript必知必会(十) call apply bind的用法说明
10-22
在JavaScript中，`call`, `apply`, 和 `bind` 是函数对象的三个核心方法，它们都与函数调用时的上下文（`this` 的值）以及参数传递有关。理解这三个方法是深入学习JavaScript的关键。 1. **call()**： - `call()` ...
开启Javascript中apply、call、bind的用法之旅模式
10-23
在Javascript中，Function是一种对象。Function对象中的this指向决定于函数被调用的方式,使用apply，call 与 bind 均可以改变函数对象中this的指向。
javascript中call apply 与 bind方法详解
10-22
在JavaScript中，`call`、`apply`和`bind`都是与函数调用相关的三个重要方法，它们都允许我们改变函数内部`this`的指向，从而实现不同对象间的方法复用和灵活控制上下文环境。下面我们将分别详细介绍这三个方法。 1...
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.
「干货」细说 call、apply 以及 bind 的区别和用法
weixin_34240520的博客
01-27 303
前言 上一篇文章 《「前端面试题系列4」this 的原理以及用法》 中，提到了 call 和 apply。 它们最主要的作用，是改变 this 的指向。在平时的工作中，除了在写一些基础类，或者公用库方法的时候会用到它们，其他时候 call 和 apply 的应用场景并不多。 不过，突然遇到的时候，需要想一下才能转过弯来。所以今天，就让我们好好地探究一下，这两个方法的区别以及一些妙用。最后，还会介绍...
call 、apply 、bind的区别和作用
wcxrib的博客
01-29 1166
bind、apply、call 之间的区别是：1、执行方式不同；3、修改this的性质不同。执行方式不同是指，call和apply是改变后页面加载之后就立即执行，是同步代码。bind是异步代码，改变后不会立即执行；而是返回一个新的函数。1、都是用来改变this指向的，都是跟在函数的后面；
call、apply、bind函数详解
认定的总要想办法去完成。
08-09 2287
 我们都知道call,apply,bind函数都是为了改变this的指向，那么对于三种函数有什么相同点有什么不太点或者有什么应用呢？下面我们来进行介绍 call与apply函数  在javascript种，call,apply的出现是为了改变函数体内部的指向，下面我们来看一个栗子，并从中进行分析。 var a = "我是window的小a"; var obj = { a:"我是obj的小a", foo:function (...arg)
call、apply、bind详细讲解
m0_60273757的博客
12-07 1512
call、apply、bind详细讲解,从小白的思维出发，更加好理解！
bind call aplay改变函数中this指向的区别
XL1668073的博客
04-14 1555
bind call aplay改变函数中this指向的区别 JS中这三个都是用来改变this指向问题的，都是跟在函数的后面；他们的第一个参数都是你想要指定的this对象；都可以接受传参。 最大的区别：call和aplay都是直接调用函数，返回值就是调用的函数的返回值；而bind不会调用函数，他会返回一个新的函数 你必须在bind后面再加一个括号才能执行 传参的区别：aplay直接手两个参...
GEE数据集-高分辨率全球树冠高度地图（1 米）Meta 公司.pdf
最新发布
07-17
绘制植被结构图对于了解全球碳循环以及监测基于自然的气候适应和减缓方法至关重要。通过对这些数据的重复测量，可以观察现有森林的砍伐或退化情况、森林的自然再生以及农林业等可持续农业实践的实施情况。高空间分辨率的树冠高度和树冠投影面积评估对于监测碳通量和评估基于树木的土地利用也很重要，因为森林结构在空间上可能高度异质，特别是在农林系统中。极高分辨率的卫星图像（地面采样距离小于一米）使提取树木层面的信息成为可能，同时还能进行大尺度监测。本文介绍了第一份同时为多个次国家辖区制作的高分辨率树冠高度图。具体来说，我们为加利福尼亚州和圣保罗州制作了非常高分辨率的树冠高度地图，与之前基于哨兵/GEDI 的全球树冠高度地图的十米（10 米）分辨率相比，分辨率有了显著提高。这些地图是通过在 2017 年至 2020 年的 Maxar 图像上训练的自监督模型中提取特征，并根据航空激光雷达地图训练密集预测解码器生成的。我们还引入了一个后处理步骤，使用在 GEDI 观测数据上训练的卷积网络。我们利用预留验证激光雷达数据以及与其他遥感地图和实地收集的数据进行比较，对所提出的地图进行了评估，发现我们的模型产生的平均绝对
call apply bind传参区别
04-26
好的，让我来回答你的问题。在JavaScript中，call、apply和bind都可以用来改变函数的this指向。它们之间的主要区别在于它们传递参数的方式。...以上就是call()、apply()和bind()传参的区别了。希望能对您有所帮助。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值