call和apply的作用 - 腾讯云开发者社区

首先个人感觉call和apply还是挺神奇的，简简单单就改变了this的作用域，下面我们来共同学习一下 1.call和apply的语法（改变this的作用域，有点像冒充的感觉，例子如下） function.apply...(person ,["孙悟空","七十二变"]);// 这步改变了this的作用域，通俗的理解就是person对象冒充了People对象，然后使用了People对象中的属性和方法 people1...); 了解：调用call的对象必须是个函数function call的第一个参数将会是function改变上下文后指向的对象，第二个参数开始可以接收任意个参数...(person ,"啄木鸟","捉虫子"); people1.paly(); person.paly() 代码基本没变，就是把apply替换成了call，作用相同，两者最大区别就是传递参数的方式不同...，通俗说 call传递参数是直接用双引号，然后一个接着一个传递 apply传递参数是通过一个数组的形式传递

8013 0

call和apply的实现！

apply的具体实现 Function.prototype.apply = function(context, arr) { var context = Object(context) || window...} result = eval('context.fn(' + args + ')') } delete context.fn return result } 复制代码 call...的具体实现 Function.prototype.call = function(context) { var context = context || window context.fn = this

4582 0

您找到你想要的搜索结果了吗？

是的

没有找到

js call 和 apply

前言　　call 和 apply 都是为了改变某个函数运行时的 context 即上下文而存在的，换句话说，就是为了改变函数体内部 this 的指向。　　...call 和 apply二者的作用完全一样，只是接受参数的方式不太一样。...方法定义　　apply 　　Function.apply(obj,args)方法能接收两个参数：　　　　obj：这个对象将代替Function类里this对象　　args：这个是数组或类数组，apply...call 　　call方法与apply方法的第一个参数是一样的，只不过第二个参数是一个参数列表　　在非严格模式下当我们第一个参数传递为null或undefined时，函数体内的this会指向默认的宿主对象...，在浏览器中则是window var test = function(){ console.log(this===window); } test.apply(null);//true test.call

1.3K2 0

javascript函数的call、apply和bind的原理及作用详解

javascript函数的 call、apply和bind 本质是用来实现继承的，专业点说法就是改变函数体内部 this 的指向，当一个对象没有某个功能时，就可以用这3个来从有相关功能的对象里借用过来。...call call 方法使用一个指定的 this 值和单独给出的一个或多个参数来调用一个函数： function.call(thisArg, arg1, arg2,...)...apply apply 方法调用一个具有给定 this 值的函数，以及以一个数组（或一个类数组对象）的形式提供的参数： function.apply(thisArg,[arg1, arg2]) call...和 apply 其实是同一个东西，区别只有参数不同，call 是 apply 的语法糖，call 方法接受的是一个参数列表，而 apply 方法接受的是一个包含多个参数的数组 bind bind 方法创建一个新的函数...应用场景二：伪数组转化成真数组一般用于dom节点列表、具有 length 和序号属性的伪数组对象、函数参数 arguments Array.prototype.slice.apply(fakeArray

2532 0

call、apply和bind的区别

call、apply和bind这三个方法经常使用，但是具体有什么区别呢？首先这三个方法的用法比较相似，但是作用，bind和前两者则完全不同。...call和apply是调用函数，bind却是返回一个新的函数。下面看一下MDN对三者的解释： call() 方法调用一个函数, 其具有一个指定的this值和分别地提供的参数(参数的列表)。...call和apply在改变函数this的同时，执行了函数，这点和bind是不同的，后面会说。...下面总结了call和apply的一些常用的地方。...call和apply的相同点和不同点说完了，下面看一看bind的用法，前面一直重申函数调用bind后返回一个新的函数。并不像call和apply，直接调用函数。

7452 0

模拟实现 call 和 apply

模拟实现 call 和 apply 本文参考：深度解析 call 和 apply 原理、使用场景及实现基础首先来认识一下 call 和 apply，它们都是 Function.prototype...作用都是用来显示绑定函数内部的上下文 this 的指向，区别仅在于两者对参数的处理不同，一个接收参数列表，一个接收参数数组。...} 1 2 所以 call 和 apply 的执行效果其实是一样的，区别就在于接收参数的形式，是参数列表，还是参数数组。...要想模拟实现 call，必须得先掌握几个关键点： call 接收的参数形式和含义，及 thisArg 对 null，undefined，基本类型的特殊处理 call 本质上是函数的另一种调用，只是修改了函数内的...，this 会绑定到该对象上）显示绑定（call, apply, bind, Reflect.apply） new 绑定（当函数和 new 使用时会被当做构造函数，构造函数内部的 this 会绑定到内部新创的对象上

4122 0

JavaScript中的 Call 和 Apply

1. call 和 apply的区别 Function.prototype.call 和 Function.prototype.apply都是非常常用的方法，它们的作用一模一样，区别仅在于传入参数形式的不同...call传入的参数数量不固定，跟apply相同的是，第一个参数也是代表函数体内的this指向，从第二个参数开始往后，每个参数被依次传入函数： ?...当调用一个函数时，JavaScript的解释器并不会计较形参和实参在数量、类型以及顺序上的区别，JavaScript的参数在内部就是用一个数组来表示的，从这个意义上来说，apply比call的使用率更高...call是包装在apply上面的一颗语法糖，如果我们明确地知道函数接受多少个参数，而且想一目了然的表达形参和实参的对应关系，那么也可以用call来传递参数。...有时候我们使用call或者apply的目的不在于指定this指向，而是另有有途，比如借用其也对象的方法，那么我们可以传入null来代替某个具体的对象： ? 2. call和apply的用途 (1).

5981 0

js中的call和apply

一、call和apply简介 call() 和 apply() 是预定义的函数方法。两个方法可用于调用函数，两个方法的第一个参数必须是对象本身。两个方法都使用了对象本身作为第一个参数。...两者的区别在于第二个参数： apply传入的是一个参数数组，也就是将多个参数组合成为一个数组传入，而call则作为call的参数传入（从第二个参数开始）。...二、call和apply的相同点和不同点 1. 区别 call传递的参数是序列1，2，3，4 apply传递的参数是集合型[1，2，3，4] 2....相同点 call和apply是替换前面函数内部的this指针以及传递参数。功能：可以自动执行前面的函数都有两个参数：a. 替换的对象 b....console.log(this,a,b,c);//{name: "张三", age: 20} 1 2 3 } method.call(obj,1,2,3); 方法2：使用apply

1.7K3 0

js apply和call的区别_speak和call的用法

(func,“var”); 可见分别弹出了func和var。...到这里就对call的每个参数的意义有所了解了。对于apply和call两者在作用上是相同的，但两者在参数上有区别的。...对于第一个参数意义都一样，但对第二个参数： apply传入的是一个参数数组，也就是将多个参数组合成为一个数组传入，而call则作为call的参数传入（从第二个参数开始）。...如 func.call(func1,var1,var2,var3)对应的apply写法为：func.apply(func1,[var1,var2,var3]) ,[var1,var2,var3])参数列表就是...func类的构造函数的参数列表对应的值，以上例子中就名字叫myfunc的参数值传递了。

8122 0

js中call和apply的区别

调用函数时, call和apply传递参数的方式不同以名为showHide的函数为例: function showHide(name1, name2){ if(this.parentNode.parentNode.querySelector...可以按照顺序传递showHide.call(this, '桐人', '亚丝娜') apply则是将参数放到一个数组, 统一传递showHide.apply(this, ['上条', '御坂']) 用...call和apply实现相同的折叠的Demo ?... apply(this, ['上条', '御坂'])" style="user-select:... 小结: 使用call和apply调用函数时, 往往需要传递一个this, 目的是确定被调用函数showHide运行时函数内部this的指向, 以上面的demo为例, 如果调用函数

1.8K3 0

javascript当中call()和apply()用法

13）call()和apply() call是在特定的作用域中调用函数。...name; } A.prototype.info = function() { /*如果下局解开屏蔽，最后结果则打印出就为A，结论就是在call...时，先在A里找this.name，如果找不着，则用b环境里找，现在A的构造函数从来没有执行过，所以最后用的是B环境的name，见下一个例子*/ //this.name="...A"; return "A的名字是 "+this.name; } function B(agev) { this.age...B" } var b = new B(2); var tmp =A.prototype.info; document.writeln(tmp.call

4932 0

call、apply、bind的应用和区别

1. call( ) 面试中常问的Js中关于call、apply、bind的问题，比如：怎么利用call、apply来求一个数组中最大或者最小值如何利用call、apply来做继承 apply、call...fn的this改变为我们要想要的结果，并且把对应的参数值准备好，以后要用到了，直接的执行即可，也就是说bind同样可以改变this的指向，但和apply、call不同就是不会马上的执行（如上一个例子）...区别上面看起来三个函数的作用差不多，干的事几乎是一样的，那为什么要存在3个家伙呢，留一个不就可以。...所以其实他们干的事从本质上讲都是一样的动态的改变this上下文,但是多少还是有一些差别的.. ① call、apply与bind的差别 call和apply改变了函数的this上下文后便执行该函数,而bind...② call、apply的区别他们俩之间的差别在于参数的区别，call和apply的第一个参数都是要改变上下文的对象，而call从第二个参数开始以参数列表的形式展现，apply则是把除了改变上下文对象的参数放在一个数组里面作为它的第二个参数

3895 0

JavaScript之apply()和call()的区别

我在一开始看到javascript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这里我做如下笔记,希望和大家分享...如有什么不对的或者说法不明确的地方希望读者多多提一些意见,以便共同提高.. 主要我是要解决一下几个问题: 1. apply和call的区别在哪里 2. ...apply的其他巧妙用法（一般在什么情况下可以使用apply）我首先从网上查到关于apply和call的定义,然后用示例来解释这两个方法的意思和如何去用. ...） call:和apply的意思一样,只不过是参数列表不一样. ...什么情况下用apply,什么情况下用call 在给对象参数的情况下,如果参数的形式是数组的时候,比如apply示例里面传递了参数arguments,这个参数是数组类型,并且在调用 Person的时候参数的列表是对应一致的

6747 0

JS中的call()和apply()方法

JS中的call()和apply()方法 1、方法定义 call方法: 语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义：调用一个对象的一个方法，...apply方法：语法：apply([thisObj[,argArray]]) 定义：应用某一对象的一个方法，用另一个对象替换当前对象。...或apply方法，将原本属于Animal对象的showName()方法交给对象cat来使用了。...(this) 的意思就是使用 Animal对象代替this对象，那么 Cat中不就有Animal的所有属性和方法了吗，Cat对象就能够直接调用Animal的方法以及属性了....说了call ，当然还有 apply，这两个方法基本上是一个意思，区别在于 call 的第二个参数可以是任意类型，而apply的第二个参数必须是数组，也可以是arguments 还有 callee，caller

2.2K3 0

js学习之call和apply

贪玩蓝月真好玩，但学习还是要继续的我们平时调用一个js函数是这样的 var ruben = { say: function (word) { if (this.name ==...ruben"; } return this.name + "说：" + word; } } var whatRubenSaid = ruben.say("做猪呢，最重要的是开心...函数我们就可以这样 var whatAchaoSaid = ruben.say.call(Achao, "村头恶霸华农、刑部尚书手工耿、木瓜大盗莫叔、非洲人犯朱一旦") console.log(whatAchaoSaid...); 输出结果这就是call函数的使用方式和场景了那么还有一个apply呢？...和call不同，它调用方法给的参数需要是一个数组 var Hegel = { name: "黑格尔" } var whatHegelSaid = ruben.say.apply(Hegel, [

9132 0

快速搞懂call，apply和bind

call与apply call和apply相信很多人用过，或者看源码看到过，在这里简单说说他们之间的关系。首先call和apply都是改变this指向的api。...他的区别仅仅只是call和apply的第二位参数起的差别。...(obj, arg1, arg2, arg3...); applyTest.apply(obj, [arg1, arg2, arg3]); 那么如果有一个问题，call和apply之间，那个性能更高，你会怎么觉得呢...按照函数的调用方式来说，一般都是采用多个参数传入的方式(arg1,arg2,arg3)。那么实际上call和apply之间，其实是call的性能更好。为什么呢？...，只要清楚call和apply以及bind的原理，即可手写一个bind出来。

1932 0

call、apply、bind

今天分享自己对于call、apply、bind新的认识，并手写一个自己的call、apply、bind。...三个方法的语法大体一样： fnction fn() {} fn.call(thisArg, arg1, arg2, ...) fn.apply(thisArg, [arg1,arg2,...]) fn.bind...(thisArg, arg1, arg2, ...) call和bind的参数一样，apply的参数是一个数组（a开头，Array），call和apply返回的是fn执行的结果，bind返回的是fn的拷贝并指定...('' || 5 || true) call、apply和bind是挂在Function对象上的方法，只有函数才能调用。...比如fn1方法和fn2方法，fn2需要用到fn1的方法，这时候直接用fn1的方法而不是自己声明一个方法。bind方法比较不一样，bind返回的是一个函数，所以还可以用来做闭包等。

9742 0

apply()、call()、bind()

apply()、call()、bind() 每个Function对象都存在apply()、call()、bind()方法，其作用都是可以在特定的作用域中调用函数，等于设置函数体内this对象的值，以扩充函数赖以运行的作用域...使用 apply()、call()、bind()都能改变函数对象的this指向 window.name = "A"; //挂载到window对象的name document.name = "B"; //...); //B //绑定document对象 rollCall.sayName.apply(s); //C //绑定自定义对象 // call rollCall.sayName.call(); //A...()、call()、bind()都能够达到改变this指针的目的，但是其使用还是有区别的 // apply与call传参方式不同 window.name = "Teacher"; var rollCall...将参数作为一个数组传递 rollCall.sayAllName.apply(window,["A","B","C"]); // Teacher A B C // call 将参数直接传递，使用逗号分隔

7092 0

浅谈JavaScript中的apply,call和bind

call call() 与 apply() 类似，区别在于 apply() 的第二个参数为数组，而 call() 把参数跟在第一个参数后面，并且可以跟多个参数。...返回值返回一个具有指定 this 和初始参数的函数副本。...总结 apply() call() bind() 三者区别不大，都是用来改变函数的 this 指向。 apply() 把 this 所需参数放入一个数组，作为 apply() 的第二个参数传入。...call() 和 bind() 则把参数按顺序依次传入。...bind() 返回对应函数，便于稍后调用，而 apply()、call()则立即调用由于其特性，使用起来千奇百怪，有各种各样有趣的用法，还等待我们去挖掘。

5583 0

call和 apply的区别是什么

2015-07-12 15:02:21 一、方法的定义 call方法: 语法：call(thisObj，Object) 定义：调用一个对象的一个方法，以另一个对象替换当前对象。...说明： call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。...apply方法：语法：apply(thisObj，[argArray]) 定义：应用某一对象的一个方法，用另一个对象替换当前对象。...相同点:两个方法产生的作用是完全一样的不同点:方法传递的参数不同其实说明白一点，其实就是更改对象的内部指针，即改变对象的this指向的内容。这在面向对象的js编程过程中有时是很有用的。...window对象，其实myFun函数和定义的var money = 100;都作为window对象子对象（即全局对象） myFun.apply(window,[]); //save to window.myFun.apply

5232 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

call和apply

call和apply的实现！

js call 和 apply

javascript函数的call、apply和bind的原理及作用详解

call、apply和bind的区别

模拟实现 call 和 apply

JavaScript中的 Call 和 Apply

js中的call和apply

js apply和call的区别_speak和call的用法

js中call和apply的区别

javascript当中call()和apply()用法

call、apply、bind的应用和区别

JavaScript之apply()和call()的区别

JS中的call()和apply()方法

js学习之call和apply

快速搞懂call，apply和bind

call、apply、bind

apply()、call()、bind()

浅谈JavaScript中的apply,call和bind

call和 apply的区别是什么

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐