js中的apply_js中apply_js的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....function method(a,b,c){ console.log(this,a,b,c);//{name: "张三", age: 20} 1 2 3 } method.apply

1.6K3 0

JS中call apply bind的用法

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

2.9K3 0

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

是的

没有找到

解析js中的call、apply、bind

.); obj.apply(thisObj, [arg1, arg2, ...]); call和apply作用相同，都是把obj(即this)绑定到thisObj，这时候thisObj具备了obj的属性和方法...或者说thisObj继承了obj的属性和方法，绑定后会立即执行函数。唯一区别是apply接受的是数组参数，call接受的是连续参数。...add.apply(sub, [5, 3]); //8 sub具有了add的属性和方法 sub(5, 3); //2 sub.call(add, 5, 3); //2 add具有了sub的属性和方法...sub.apply(add, [5, 3]); //2 add具有了sub的属性和方法 2....与call和apply不同的是，bind绑定后不会立即执行。

1.9K2 0

js中call和apply的区别

则是将参数放到一个数组, 统一传递showHide.apply(this, ['上条', '御坂']) 用call和apply实现相同的折叠的Demo ?...身为VRMMORPG（虚拟大规模线上角色扮演游戏）《刀剑神域〈SAO〉》中的其中一名玩家：桐人和其他一万个玩家才刚登入享受此游戏之时，游戏中的管理员对大家宣布了一个令人惊恐的消息── 那就是，现在唯一要登出此游戏的方法只有将这个游戏破关...，并且在这个游戏中GAME OVER的话，也就代表了现实世界中的“死亡”。.../image/jinshu.jpg"> 故事讲述的是从东京都西部被分割出来的这座都市中，“超能力开发”被列为学校课程的一部分...某一个暑假的日子，在家里的阳台上，他遇见了一位修女；这位少女自称自己的名字叫“茵蒂克丝”，并是从魔法的世界逃了出来，现在正在被魔法师追赶中。

1.8K3 0

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

在js中this有4种指向，分别为：作为对象的方法调用作为普通函数调用构造器调用 Function.prototype.call或Function.prototype.apply调用 1、当作为对象的方法调用时...*/ 3、在构造器中调用this 先要理解js中的构造器。...的理解要想理解上文第4点中的call调用改变this的具体实现原理，需要先了解call和apply的作用。...因为在非严格模式下，此时调用apply或call的函数体内的this会指向宿主环境中的全局对象；在严格模式下此时调用apply或call的函数体内的this会指向null。...延伸应用：理解了this、call、apply后，在实际js开发中，可以很方便的实现对象的继承继承demo1： 1var Parent = function(){ 2 this.name

9782 0

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

JS中的call()和apply()方法 1、方法定义 call方法: 语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义：调用一个对象的一个方法，...apply方法：语法：apply([thisObj[,argArray]]) 定义：应用某一对象的一个方法，用另一个对象替换当前对象。...add 来替换 sub，add.call(sub,3,1) == add(3,1) ，所以运行结果为：alert(4); // 注意：js 中的函数其实是对象，函数名是对 Function 对象的引用...Animal对象代替this对象，那么 Cat中不就有Animal的所有属性和方法了吗，Cat对象就能够直接调用Animal的方法以及属性了....说了call ，当然还有 apply，这两个方法基本上是一个意思，区别在于 call 的第二个参数可以是任意类型，而apply的第二个参数必须是数组，也可以是arguments 还有 callee，caller

2.2K3 0

JS中的bind、apply、call的理解

概要 call、apply、bind 都是用来修改函数中的this，传参时，call是一个个传参，apply是数组形式传参，call和apply立即执行并且返回值是你调用的方法的返回值，若该方法没有返回值...bind是改变this后返回一个新的函数，他不会立即执行。这三个方法不会改变原方法的this的指向。 Bind 复制原方法传入新的this指向后生成新方法，参数可传多个。...调用原方法传入新的this指向，第一个参数为this的指向对象，第二个参数只能为一个数组。...(b, ["小刚", "小李"]); 显示小明和小刚、小李一块玩小红和小刚、小李一块玩结论： call、apply、bind 是Function.prototype下的方法，作用是执行一下目标函数...，执行时顺便把目标函数中的this改一下，然后把结果输出，执行后，不会影响原函数中的this！

9621 0

js中call与apply用法

前天去面试，有个gg问了一些js知识，其中有一道call与apply用法的题目，尽管在365天前用过call方法，但当时还是没能答上来，今天深入总结一下 call和apply，它们的作用都是将函数绑定到另外一个对象上去运行...两者的格式和参数定义： call( thisArg [，arg1，arg2，… ] ); // 参数列表，arg1，arg2，... apply(thisArg [，argArray]...调用call方法，第二个参数属于函数对象func2的参数，因此alert(x)为第二个参数func2 二、call 继承用法与改进 js使用call模拟继承测试代码： <!...，以区分baseB中的member this.showSelfA = function() { window.alert(this.memberA); // 显示memberA } }...继承改进（prototype）以上模拟继承方法，仔细分析不是最好的。因为每次在函数（类）中定义了成员方法，都会导致实例有副本，因此可以借助prototype原型，进行改进改进举例如下： <!

2.8K1 0

JS 的 apply 方法

前言 apply() 的作用有两个: 1. 改变 this 指向 2....将数组入参变为一般入参刚开始看到 apply() 时，对它的用法非常模糊，而且不易理解，通过查找相关文章，才慢慢的明白它的妙用 2....改变 this 指向相信在网上查找 apply() 用法时，都会看到下面这段代码，首次运行，看到输出的结果，我是懵逼的 var person = { fullName: function () { return...this 的指向，将 this 的指向改为 person1，所以 person.fullName() 方法就可以成功访问到 this.firstName 和 this.lastName 这两个属性的值了...) 的第二个参数将数组入参变为一般入参注意，这里的第一个参数值为 null，也就是没有改变 this 的指向 Math.max.apply(null, [, , ])

3.2K2 0

js中call、apply、bind那些事

前言回想起之前的一些面试，几乎每次都会问到一个js中关于call、apply、bind的问题，比如… 怎么利用call、apply来求一个数组中最大或者最小值如何利用call、apply来做继承 apply...求数组中的最大和最小值 1234567 var arr = [34,5,3,6,54,6,-67,5,7,6,-8,687];Math.max.apply(Math, arr);Math.max.call...,-8,687); 将伪数组转化为数组 js中的伪数组(例如通过document.getElementsByTagName获取的元素)具有length属性，并且可以通过0、1、2…下标来访问其中的元素...，但是没有Array中的push、pop等方法。...length属性 ) 数组追加在js中要往数组中添加元素，可以直接用push方法， 1234567 var arr1 = [1,2,3];var arr2 = [4,5,6];[].push.apply

1.7K5 0

js中call、apply、bind那些事

前言回想起之前的一些面试，几乎每次都会问到一个js中关于call、apply、bind的问题，比如… 怎么利用call、apply来求一个数组中最大或者最小值如何利用call、apply来做继承 apply...求数组中的最大和最小值 var arr = [34,5,3,6,54,6,-67,5,7,6,-8,687]; Math.max.apply(Math, arr); Math.max.call...,-67,5,7,6,-8,687); 将伪数组转化为数组 js中的伪数组(例如通过document.getElementsByTagName获取的元素)具有length属性，并且可以通过0、1、2…下标来访问其中的元素...，但是没有Array中的push、pop等方法。...length属性 ) 数组追加在js中要往数组中添加元素，可以直接用push方法， var arr1 = [1,2,3]; var arr2 = [4,5,6]; [].push.apply

1.6K6 0

js call 和 apply

前言　　call 和 apply 都是为了改变某个函数运行时的 context 即上下文而存在的，换句话说，就是为了改变函数体内部 this 的指向。　　...call 和 apply二者的作用完全一样，只是接受参数的方式不太一样。...方法把这个集合中的元素作为参数传递给被调用的函数。...，在浏览器中则是window var test = function(){ console.log(this===window); } test.apply(null);//true test.call...再比如我想求类数组中的最大值 (function(){ var maxNum = Math.max.apply(null,arguments); console.log(maxNum);//56

1.3K2 0

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

1、关于call()和apply()的疑点： apply和call的区别在哪里什么情况下用apply,什么情况下用call apply的其他巧妙用法（一般在什么情况下可以使用apply） 2、语法和参数分析...,这样就将属性创建到了student对象里面 4、什么情况下用apply,什么情况下用call 使用apply的情况：在给对象参数的情况下,如果参数的形式是数组的时候,比如apply示例里面传递了参数...add(a,b) { alert(a+b); } function sub(a,b) { alert(a-b); } add.call(sub,3,1); 分析：这个例子中的意思就是用...add 来替换 sub，add.call(sub,3,1) == add(3,1) ，所以运行结果为：alert(4); // 注意：js 中的函数其实是对象，函数名是对 Function 对象的引用...这样 Class2 就继承Class1了，Class1.call(this) 的意思就是使用 Class1 对象代替this对象，那么 Class2 中不就有Class1 的所有属性和方法了吗，c2

6882 0

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

js中this指向问题及call，apply，bind的区别# 1 this指向# 1.1 what is 'this'?...# 在 ECMAScript 5 中，函数内部存在两个特殊的对象:arguments（一个类数组对象，包含调用函数时传入的所有参数）和 this（本文将要讲的）。...1.2 标准函数与箭头函数的this指向# this在标准函数与箭头函数中的时会有两种不同类型的指向行为。...1.2.1 标准函数的this指向# 在标准函数中，this 指向的是把函数当成方法调用的上下文对象。也就是说在哪里调用的这个函数，那这个this只会指向它外面最靠近它的对象。...，解析的时候也是跟call一样顺序对应； call、apply没有返回值，而bind改变完this指向后会返回一个改变完this指向之后的原函数的拷贝可以再次进行调用。

1.2K2 0

JS 的 call apply bind 方法

js的call apply bind 方法都很常见，目的都是为了改变某个方法的执行环境（context） call call([thisObj[,arg1[, arg2[, [,.argN]]]]]...self = this, // 获取到bind第二个参数（中的所有参数） args = Array.prototype.slice.call(arguments...self.apply(context,args); }; }; 注2： Function.prototype的apply和call是在1999年发布的ECMA262 Edition3中才加入的...在此前的的浏览器如IE5.01(JScript 5.0)中是没有apply和call的。因此也会带来一些兼容性问题。..._apply; } }; apply的模拟： apply也类似，因为第二个参数是类数组的形式，所以也要变换为数组 // 第二个参数 args是为了方便使用 Function.prototype.Apply

1.6K3 0

JS 手写： call、apply、bind

该方法的语法和作用与 apply() 方法类似，只有一个区别，就是 call() 方法接受的是一个参数列表，而 apply() 方法接受的是一个包含多个参数的数组。...可以使用 call 来实现继承：写一个方法，然后让另外一个新的对象来继承它（而不是在新对象中再写一次这个方法）。...# 示例 # 使用 call 方法调用父构造函数在一个子构造函数中，可以通过调用父构造函数的 call 方法来实现继承，类似于 Java 中的写法。...使用 apply，可以只写一次这个方法然后在另一个对象中继承它，而不用在新对象中重复写该方法。 apply 与 call() 非常相似，不同之处在于提供参数的方式。...当目标函数被调用时，被预置入绑定函数的参数列表中的参数。返回值返回一个原函数的拷贝，并拥有指定的 this 值和初始参数。

1.5K3 0

想起温习一下JS中的this apply call arguments

这一课对于所有的计算机专业的毕业生来说都可以自学，然而在最近的实践中（带了两个实习生自学js），我发现他们在学习js的时候会被这几个问题困扰：this指向、arguments为什么不是Array、apply...写这篇文章是为了减少js新手被这几个问题困扰的时间，希望给js新手一点帮助。 this 指向当前对象，通常在对象的构造函数中使用，用来引用对象。...所以在需要范围arguments中的一部分的时候，会联想到数组的slice，但是又不能直接用arguments.slice(0, 2)，只能用Array.prototype.slice.apply(arguments..., [0, 2])，这里简单说一下Prototype中的$A，它可以把arguments强制转为一个数组对象，然后可以用很多扩展的自定义方法。...apply call （对象冒充） apply 应用某一对象的一个方法，用另一个对象替换当前对象。 call 调用一个对象的一个方法，以另一个对象替换当前对象。

70910 0

Js中的call vs apply vs bind及记忆方式

前言 js中的call(), apply()和bind()是Function.prototype下的方法，都是用于改变函数运行时上下文，最终的返回值是你调用的方法的返回值，若该方法没有返回值，则返回undefined...apply() 使用 apply，你可以继承其他对象的方法：注意这里apply()的第一个参数是null，在非严格模式下，第一个参数为null或者undefined时会自动替换为指向全局对象，apply...call() call()是apply()的一颗语法糖，作用和apply()一样，同样可实现继承，唯一的区别就在于call()接收的是参数列表，而apply()则接收参数数组。 ?...、apply()和bind()都是用来改变函数执行时的上下文，可借助它们实现继承；call()和apply()唯一区别是参数不一样，call()是apply()的语法糖；bind()是返回一个新函数，供以后调用...我是怎么记的 apply是a开头跟array的a开头一致，所以apply的参数是数组的，其余两个call 和 bind的参数就不需要记忆了，都是多参数类型。

1.5K4 0

手写JS函数的call、apply、bind

~ 把call、apply、bind一条龙都整一遍！...context : window) // 防止覆盖掉原有属性 const key = Symbol() // 这里的this为需要执行的方法 context[key] = this // 方法执行...;方法立即执行fun.ownCall(_this, 1, 2)// 输出：YIYING3参考前端手写面试题详细解答apply定义与使用Function.prototype.apply(): developer.mozilla.org...arg2) { console.log(this.name) console.log(arg1 + arg2)}const _this = { name: 'YIYING' }// 只变更fun中的...arg2) { console.log(this.name) console.log(arg1 + arg2)}const _this = { name: 'YIYING' }// 只变更fun中的

1.1K3 0

Js apply() call()使用详解

Js apply方法详解我在一开始看到javascript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这里我做如下笔记...主要我是要解决一下几个问题: apply和call的区别在哪里什么情况下用apply,什么情况下用call apply的其他巧妙用法（一般在什么情况下可以使用apply）我首先从网上查到关于apply...,这个就是apply的神奇之处....call示例在Studen函数里面可以将apply中修改成如下: Person.call(this,name,age); 这样就ok了 3.什么情况下用apply,什么情况下用call 在给对象参数的情况下...,param3…),所以可以根据刚才apply的那个特点来解决 var max=Math.max.apply(null,array),这样轻易的可以得到一个数组中最大的一项 (apply会将一个数组装换为一个参数接一个参数的传递给方法

1.4K6 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

js中的call和apply

JS中call apply bind的用法

解析js中的call、apply、bind

js中call和apply的区别

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

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

JS中的bind、apply、call的理解

js中call与apply用法

JS 的 apply 方法

js中call、apply、bind那些事

js中call、apply、bind那些事

js call 和 apply

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

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

JS 的 call apply bind 方法

JS 手写： call、apply、bind

想起温习一下JS中的this apply call arguments

Js中的call vs apply vs bind及记忆方式

手写JS函数的call、apply、bind

Js apply() call()使用详解

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐