js的apply和call_js的call和apply_js中apply和call - 腾讯云开发者社区

前言　　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

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的区别

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

1.8K3 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的参数值传递了。

8092 0

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

JS中的call()和apply()方法 1、方法定义 call方法: 语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义：调用一个对象的一个方法，...(sub,3,1); 这个例子中的意思就是用 add 来替换 sub，add.call(sub,3,1) == add(3,1) ，所以运行结果为：alert(4); // 注意：js 中的函数其实是对象...(this) 的意思就是使用 Animal对象代替this对象，那么 Cat中不就有Animal的所有属性和方法了吗，Cat对象就能够直接调用Animal的方法以及属性了....(this); 20 Class11.call(this); 21 } 很简单，使用两个 call 就实现多重继承了当然，js的继承还有其他方法，例如使用原型链，这个不属于本文的范畴...说了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, [

9102 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...: this要指向的对象，如果是null 和 undefined，则指向window全局对象；参数是一个数组。...，如果是null 和 undefined，则指向window全局对象；从arg1开始，都是要给fun传递的参数。...this的函数 newFun(); // 3 4. call()、apply()和bind()的应用 1. call() call 常用来继承，因为ES6之前没有extends,用构造函数来模拟继承。

1.1K3 0

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传递参数是通过一个数组的形式传递

7963 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 也是改变某个方法的执行环境，区别也在于第二个参数(也是一个个的参数形式）和“返回值”的特性。　　...self.apply(context,args); }; }; 注2： Function.prototype的apply和call是在1999年发布的ECMA262 Edition3中才加入的...在此前的的浏览器如IE5.01(JScript 5.0)中是没有apply和call的。因此也会带来一些兼容性问题。

1.6K3 0

JS 手写： call、apply、bind

# call # Try it call() 方法使用一个指定的 this 值和单独给出的一个或多个参数来调用一个函数。...该方法的语法和作用与 apply() 方法类似，只有一个区别，就是 call() 方法接受的是一个参数列表，而 apply() 方法接受的是一个包含多个参数的数组。...# 描述 call() 允许为不同的对象分配和调用属于一个对象的函数/方法。 call() 提供新的 this 值给当前调用的函数/方法。...call() 方法的作用和 apply() 方法类似，区别就是 call() 方法接受的是参数列表，而 apply() 方法接受的是一个参数数组。...[[Call]] - 执行与此对象关联的代码。通过函数调用表达式调用。内部方法的参数是一个this值和一个包含通过调用表达式传递给函数的参数的列表。

1.5K3 0

Js apply() call()使用详解

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

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的意思一样,只不过是参数列表不一样....(sub,3,1); 分析：这个例子中的意思就是用 add 来替换 sub，add.call(sub,3,1) == add(3,1) ，所以运行结果为：alert(4); // 注意：js 中的函数其实是对象...分析：即我没有的方法或属性，通过call继承，我就拥有了你的方法和属性，可以进行相关的操作了。

6872 0

js原生函数之call和apply，bind

call 和 apply call 和 apply 和 bind 都是为了改变某个函数运行时的 context 即上下文而存在的，换句话说，就是为了改变函数体内部 this 的指向。...js原生函数中的call和apply都不陌生，这两个方法的作用相似，接受两类参数。第一类是context（上下文），传入的参数作为执行函数的上下文，也是要传入的第一个参数。...和 apply 的一个函数式编程。...，只是赋予了更加复杂的应用逻辑; 这里同时也是闭包的一个应用过程； bind 说了call和apply，也是要介绍一下bind的。...在作用域方面，类似于 call 和 apply 。当你将一个对象绑定到一个函数的 this对象时，你就会用到 bind。

8900 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

4562 0

JS中call apply bind的用法

谁调用当前的属性或者方法的,它就是谁 /* 2.1.bind方法作用修改函数或者方法中的this为指定的对象, 并且会返回一个修改之后的新函数给我们注意点...: bind方法除了可以修改this以外, 还可以传递参数, 只不过参数必须写在this对象的后面 */ //call apply bind修改this的.../*call:修改函数或者方法中的this为指定的对象, 并且会立即调用修改之后的函数注意点: call方法除了可以修改this以外, 还可以传递参数, */.../*apply:修改函数或者方法中的this为指定的对象, 并且会立即调用修改之后的函数注意点: apply方法除了可以修改this以外, 还可以传递参数, 只不过参数必须通过数组的方式传递...(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...或者说thisObj继承了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、当作为对象的方法调用时...*/ 3、在构造器中调用this 先要理解js中的构造器。...(obj2)) //sxm 对于call和apply的理解要想理解上文第4点中的call调用改变this的具体实现原理，需要先了解call和apply的作用。...关于apply或call，两者的作用完全一致，都是更改调用apply或call的函数体内的this对象指向。...延伸应用：理解了this、call、apply后，在实际js开发中，可以很方便的实现对象的继承继承demo1： 1var Parent = function(){ 2 this.name

9782 0

手写JS函数的call、apply、bind

~ 把call、apply、bind一条龙都整一遍！...~~call定义与使用Function.prototype.call(): developer.mozilla.org/zh-CN/docs/…// Function.prototype.call()样例...;方法立即执行fun.call(_this, 1, 2)// 输出：YIYING3手写实现/** * 自定义call实现 * @param context 上下文this对象 * @param args...context : window) // 防止覆盖掉原有属性 const key = Symbol() // 这里的this为需要执行的方法 context[key] = this // 方法执行...;方法立即执行fun.ownCall(_this, 1, 2)// 输出：YIYING3apply定义与使用Function.prototype.apply(): developer.mozilla.org

1.2K2 0

手写JS函数的call、apply、bind

~ 把call、apply、bind一条龙都整一遍！...~~call定义与使用Function.prototype.call(): developer.mozilla.org/zh-CN/docs/…// Function.prototype.call()样例...;方法立即执行fun.call(_this, 1, 2)// 输出：YIYING3手写实现/** * 自定义call实现 * @param context 上下文this对象 * @param args...context : window) // 防止覆盖掉原有属性 const key = Symbol() // 这里的this为需要执行的方法 context[key] = this // 方法执行...;方法立即执行fun.ownCall(_this, 1, 2)// 输出：YIYING3参考前端手写面试题详细解答apply定义与使用Function.prototype.apply(): developer.mozilla.org

1.1K3 0

js中call与apply用法

前天去面试，有个gg问了一些js知识，其中有一道call与apply用法的题目，尽管在365天前用过call方法，但当时还是没能答上来，今天深入总结一下 call和apply，它们的作用都是将函数绑定到另外一个对象上去运行...两者的格式和参数定义： call( thisArg [，arg1，arg2，… ] ); // 参数列表，arg1，arg2，... apply(thisArg [，argArray]...首先，我们先看个简单的例子（call）： <!...调用call方法，第二个参数属于函数对象func2的参数，因此alert(x)为第二个参数func2 二、call 继承用法与改进 js使用call模拟继承测试代码： <!...，应该是输出 baseA member 和 baseB member，但实际输出却是 baseB member 和 baseB member （已在IE9、8、6，Maxthon、Chrome、FF、Opera

2.8K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

js call 和 apply

js中的call和apply

js中call和apply的区别

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

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

js学习之call和apply

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

call和apply

JS 的 call apply bind 方法

JS 手写： call、apply、bind

Js apply() call()使用详解

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

js原生函数之call和apply，bind

call和apply的实现！

JS中call apply bind的用法

解析js中的call、apply、bind

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

手写JS函数的call、apply、bind

手写JS函数的call、apply、bind

js中call与apply用法

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐