js call apply区别_js_call_apply区别_apply_call区别 - 腾讯云开发者社区

调用函数时, call和apply传递参数的方式不同以名为showHide的函数为例: function showHide(name1, name2){ if(this.parentNode.parentNode.querySelector...style.display = "table"; this.querySelector("span").innerHTML = "(点击折叠)"+name1+","+name2; } } call...可以按照顺序传递showHide.call(this, '桐人', '亚丝娜') apply则是将参数放到一个数组, 统一传递showHide.apply(this, ['上条', '御坂']) 用...call和apply实现相同的折叠的Demo ?...1px solid #333333; } <p onclick="showHide.<em>call</em>

1.8K3 0

js call()、apply()、bind()用法和区别

1. call() 语法： fun.call(thisArg，arg1，arg2，…) fun: 表示一个函数 thisArg: this要指向的对象，如果是null 和 undefined，则指向window...特性： fun.call(thisArg，arg1，arg2，…) 会立即调用fun函数； call 方法将一个函数的对象上下文从初始的上下文改变为由 thisArg 指定的新对象，如果没有提供 thisArg...特性： fun.apply(thisArg,[arg1,arg2,…]) 会立即调用fun函数； apply方法将一个函数的对象上下文从初始的上下文改变为由 thisArg 指定的新对象，如果没有提供...()、apply()和bind()的应用 1. call() call 常用来继承，因为ES6之前没有extends,用构造函数来模拟继承。...() apply 常用于与数组有关的操作，因为传递的参数是数组。

1.1K3 0

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

是的

没有找到

bind、call、apply 区别

首先说下前两者的区别。 call 和 apply 都是为了解决改变 this 的指向。作用都是相同的，只是传参的方式不同。...除了第一个参数外，call 可以接收一个参数列表，apply 只接受一个参数数组。...(a, 'yck', '24') getValue.apply(a, ['yck', '24']) bind 和其他两个方法作用也是一致的，只是该方法会返回一个函数。...所以需要判断 if (this instanceof F) { return new _this(...args, ...arguments) } return _this.apply...', '24') var result = context.fn(...args) // 删除 fn delete context.fn return result } 如何实现一个 apply

5722 0

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

(){ this.a=“func”} varmyfunc=function(x){ vara=“myfunc”; alert(this.a); alert(x); } myfunc.call...到这里就对call的每个参数的意义有所了解了。对于apply和call两者在作用上是相同的，但两者在参数上有区别的。...对于第一个参数意义都一样，但对第二个参数： apply传入的是一个参数数组，也就是将多个参数组合成为一个数组传入，而call则作为call的参数传入（从第二个参数开始）。...如 func.call(func1,var1,var2,var3)对应的apply写法为：func.apply(func1,[var1,var2,var3]) ,[var1,var2,var3])参数列表就是

8092 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

对于bind、call、apply 区别？

一、作用 call、apply、bind作用是改变函数执行时的上下文，简而言之就是改变函数运行时的this指向那么什么情况下需要改变this的指向呢？...下面再来看看apply、call、bind的使用 apply apply接受两个参数，第一个参数是this的指向，第二个参数是函数接受的参数，以数组的形式传入改变this指向后原函数会立即执行，且此方法只是临时改变...(null,[1,2]); // this指向window fn.apply(undefined,[1,2]); // this指向window call call方法的第一个参数也是this的指向，后面传入的是一个参数列表...、call、bind三者的区别在于： ① 三者都可以改变函数的this对象指向 ② 三者第一个参数都是this要指向的对象，如果如果没有这个参数或参数为undefined或null，则默认指向全局window...③ 三者都可以传参，但是apply是数组，而call是参数列表，且apply和call是一次性传入参数，而bind可以分为多次传入 ④ bind是返回绑定this之后的函数，apply、call

2802 0

JS 手写： call、apply、bind

# call # Try it call() 方法使用一个指定的 this 值和单独给出的一个或多个参数来调用一个函数。...该方法的语法和作用与 apply() 方法类似，只有一个区别，就是 call() 方法接受的是一个参数列表，而 apply() 方法接受的是一个包含多个参数的数组。...call() 方法的作用和 apply() 方法类似，区别就是 call() 方法接受的是参数列表，而 apply() 方法接受的是一个参数数组。...使用 apply，可以只写一次这个方法然后在另一个对象中继承它，而不用在新对象中重复写该方法。 apply 与 call() 非常相似，不同之处在于提供参数的方式。...apply 可以使用数组字面量（array literal），如 fun.apply(this, ['eat', 'bananas'])，或数组对象，如 fun.apply(this, new Array

1.5K3 0

Js apply() call()使用详解

Js apply方法详解我在一开始看到javascript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这里我做如下笔记...主要我是要解决一下几个问题: apply和call的区别在哪里什么情况下用apply,什么情况下用call apply的其他巧妙用法（一般在什么情况下可以使用apply）我首先从网上查到关于apply...） call:和apply的意思一样,只不过是参数列表不一样....示例在Studen函数里面可以将apply中修改成如下: Person.call(this,name,age); 这样就ok了 3.什么情况下用apply,什么情况下用call 在给对象参数的情况下,...(Person.call(this,age,name,grade)); 4.apply的一些其他巧妙用法细心的人可能已经察觉到,在我调用apply方法的时候,第一个参数是对象(this), 第二个参数是一个数组集合

1.4K6 0

区别和详解：js中call()和apply()的用法

1、关于call()和apply()的疑点： apply和call的区别在哪里什么情况下用apply,什么情况下用call apply的其他巧妙用法（一般在什么情况下可以使用apply） 2、语法和参数分析...： apply和call都能继承另外一个对象的方法和属性； Function.apply(obj,args)方法能接收两个参数 obj：这个对象将代替Function类里this对象 args：这个是数组...，它将作为参数传给Function（args-->arguments） call:和apply的意思一样,只不过是参数列表不一样....,什么情况下用call 使用apply的情况：在给对象参数的情况下,如果参数的形式是数组的时候,比如apply示例里面传递了参数arguments,这个参数是数组类型。...(sub,3,1); 分析：这个例子中的意思就是用 add 来替换 sub，add.call(sub,3,1) == add(3,1) ，所以运行结果为：alert(4); // 注意：js 中的函数其实是对象

6882 0

js中this指向问题及call，apply，bind的区别

js中this指向问题及call，apply，bind的区别# 1 this指向# 1.1 what is 'this'?...，apply，bind的区别# 相同点：都可以改变函数的this指向第一个参数为this将要指向的对象，后续的传参都是作为函数形参的值不同点： call的后续传参是一个一个传，然后顺序对应；apply...的后续传参是以数组的形式，解析的时候也是跟call一样顺序对应； call、apply没有返回值，而bind改变完this指向后会返回一个改变完this指向之后的原函数的拷贝可以再次进行调用。...(b, '男', '爬山') a.say.apply(b, ['男', '密室逃脱']) // bind可以向cally一样传参，例如: a.say.bind(b, '男', 'UNO')() // 但由于...例如： a.say.bind(b)('男', 'UNO') 运行的结果如下： 3 小结# 关于this指向、call、apply、bind的记录本篇就总结到这里，在日常使用脚手架、组件开发时可能会用的地方比较少

1.2K2 0

call、apply和bind的区别

call、apply和bind这三个方法经常使用，但是具体有什么区别呢？首先这三个方法的用法比较相似，但是作用，bind和前两者则完全不同。...那不同点呢，首先说一下call和apply的不同点。 call和apply的不同点只有一点，那就是向函数传递参数的方式不同。...call是逐个的向函数传递参数，apply是通过将参数以数组的形式传递到函数中。...下面总结了call和apply的一些常用的地方。...call和apply的相同点和不同点说完了，下面看一看bind的用法，前面一直重申函数调用bind后返回一个新的函数。并不像call和apply，直接调用函数。

7422 0

apply、call、bind函数的区别

apply、call、bind函数的区别一、前言大多数人都知道，使用apply、call、bind可以调用函数，并改变函数中this的指向。做一个简单记录，免得以后忘记了。...二、apply使用：函数.apply(obj, arg[])参数：第一个参数为函数中this指向的对象第二个参数是函数中原本的参数，由数组进行封装JAVASCRIPTvar user = { username...(other, [other.age]);三、call使用：函数.call(obj, args...)参数：第一个参数为函数中this指向的对象，后面的参数跟着原本的函数就好，加在后面就行JAVASCRIPTvar...call、bind他们的异同点相同点：都可以改变函数中this的指向，且都将作为第一个参数进行使用不同点（传参方面）apply：在传入改变this的对象之后，将原来的函数参数，打包成一个数组进行传参call...（调用方面）apply、call：函数.apply()或者函数.call()，即可发起调用bind：先返回一个改变指向的函数，再通过这个函数进行调用我是半月，祝你幸福！！！

921 0

js中call与apply用法

前天去面试，有个gg问了一些js知识，其中有一道call与apply用法的题目，尽管在365天前用过call方法，但当时还是没能答上来，今天深入总结一下 call和apply，它们的作用都是将函数绑定到另外一个对象上去运行...两者的格式和参数定义： call( thisArg [，arg1，arg2，… ] ); // 参数列表，arg1，arg2，... apply(thisArg [，argArray]...doctype html> call-apply <input type="text" id...调用call方法，第二个参数属于函数对象func2的参数，因此alert(x)为第二个参数func2 二、call 继承用法与改进 js使用call模拟继承测试代码： call - apply for inherit <script

2.8K1 0

js学习之call和apply

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

9102 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.6K3 0

JS 的 call apply bind 方法

js的call apply bind 方法都很常见，目的都是为了改变某个方法的执行环境（context） call call([thisObj[,arg1[, arg2[, [,.argN]]]]]...apply([thisObj[,arg1, arg2, argN]]) apply和call类似，区别只是第二个参数，是一个数组（或类数组）的形式 bind bind(thisArg [, arg1...[, arg2, …]]); bind 也是改变某个方法的执行环境，区别也在于第二个参数(也是一个个的参数形式）和“返回值”的特性。　　...如 func.call(func1,var1,var2,var3) 对应的apply写法为：func.apply(func1,[var1,var2,var3]) 对应的bind写法为： func.bind...在此前的的浏览器如IE5.01(JScript 5.0)中是没有apply和call的。因此也会带来一些兼容性问题。

1.6K3 0

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

我在一开始看到javascript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这里我做如下笔记,希望和大家分享...apply和call的区别在哪里 2. 什么情况下用apply,什么情况下用call 3. ...apply的其他巧妙用法（一般在什么情况下可以使用apply）我首先从网上查到关于apply和call的定义,然后用示例来解释这两个方法的意思和如何去用. ...） call:和apply的意思一样,只不过是参数列表不一样. ...call示例在Studen函数里面可以将apply中修改成如下: Person.call(this,name,age); 这样就ok了 3.

6637 0

JS中call apply bind的用法

并且会返回一个修改之后的新函数给我们注意点: bind方法除了可以修改this以外, 还可以传递参数, 只不过参数必须写在this对象的后面 */ //call...apply bind修改this的 /*call:修改函数或者方法中的this为指定的对象, 并且会立即调用修改之后的函数注意点: call方法除了可以修改this...以外, 还可以传递参数, */ /*apply:修改函数或者方法中的this为指定的对象, 并且会立即调用修改之后的函数注意点: apply方法除了可以修改...test(10,20); window.test(); let fn=test.bind(obj,10,20); fn(); test.call...(obj); p.say.apply(obj);

2.9K3 0

解析js中的call、apply、bind

call和apply 1....改变上下文 obj.call(thisObj, arg1, arg2, ...); obj.apply(thisObj, [arg1, arg2, ...]); call和apply作用相同，都是把obj...唯一区别是apply接受的是数组参数，call接受的是连续参数。..., 5, 3); //8 sub具有了add的属性和方法 add.apply(sub, [5, 3]); //8 sub具有了add的属性和方法 sub(5, 3); //2 sub.call(add...与call和apply不同的是，bind绑定后不会立即执行。

1.9K2 0

划重点：js中的this、call、apply

在js中this有4种指向，分别为：作为对象的方法调用作为普通函数调用构造器调用 Function.prototype.call或Function.prototype.apply调用 1、当作为对象的方法调用时...Function.prototype.call或Function.prototype.apply，它们的作用是完全一样的，都是改变函数的this指向。区别在于两者传入参数的不同。...关于apply或call，两者的作用完全一致，都是更改调用apply或call的函数体内的this对象指向。...区别仅在于两者的第二个参数传入不同： 1func.apply( 2 [参数一：将调用apply方法的函数体内的this对象指向改为指向本参数], 3 [参数二：传入调用apply方法的函数体内的参数集合...延伸应用：理解了this、call、apply后，在实际js开发中，可以很方便的实现对象的继承继承demo1： 1var Parent = function(){ 2 this.name

9782 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

js中call和apply的区别

js call()、apply()、bind()用法和区别

bind、call、apply 区别

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

js call 和 apply

对于bind、call、apply 区别？

JS 手写： call、apply、bind

Js apply() call()使用详解

区别和详解：js中call()和apply()的用法

js中this指向问题及call，apply，bind的区别

call、apply和bind的区别

apply、call、bind函数的区别

js中call与apply用法

js学习之call和apply

js中的call和apply

JS 的 call apply bind 方法

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

JS中call apply bind的用法

解析js中的call、apply、bind

划重点：js中的this、call、apply

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐