js的apply() - 腾讯云开发者社区

文章/答案/技术大牛

发布

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.9K2 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会指向默认的宿主对象...再比如我想求类数组中的最大值 (function(){ var maxNum = Math.max.apply(null,arguments); console.log(maxNum);//56

1.7K2 0

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

是的

没有找到

JS 的 call apply bind 方法

js的call apply bind 方法都很常见，目的都是为了改变某个方法的执行环境（context） call call([thisObj[,arg1[, arg2[, [,.argN]]]]]...如 func.call(func1,var1,var2,var3) 对应的apply写法为：func.apply(func1,[var1,var2,var3]) 对应的bind写法为： func.bind...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

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

2.2K3 0

JS 手写： call、apply、bind

该方法的语法和作用与 apply() 方法类似，只有一个区别，就是 call() 方法接受的是一个参数列表，而 apply() 方法接受的是一个包含多个参数的数组。...# Try it apply() 方法调用一个具有给定 this 值的函数，以及以一个数组（或类数组对象 (opens new window)）的形式提供的参数。...call() 方法的作用和 apply() 方法类似，区别就是 call() 方法接受的是参数列表，而 apply() 方法接受的是一个参数数组。...使用 apply，可以只写一次这个方法然后在另一个对象中继承它，而不用在新对象中重复写该方法。 apply 与 call() 非常相似，不同之处在于提供参数的方式。...arguments 是一个函数的局部变量。它可以被用作被调用对象的所有未指定的参数。这样，在使用 apply 函数的时候就不需要知道被调用对象的所有参数。

2.1K3 0

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

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

1.4K2 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绑定后不会立即执行。

2.3K2 0

JS中call apply bind的用法

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

3.6K3 0

Js apply() call()使用详解

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

1.7K6 0

手写JS函数的call、apply、bind

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

1.6K2 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 对象的引用...18 { 19 Class10.call(this); 20 Class11.call(this); 21 } 很简单，使用两个 call 就实现多重继承了当然，js...说了call ，当然还有 apply，这两个方法基本上是一个意思，区别在于 call 的第二个参数可以是任意类型，而apply的第二个参数必须是数组，也可以是arguments 还有 callee，caller

2.6K3 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.../** * 自定义Apply实现 * @param context 上下文this对象 * @param args 参数数组 */Function.prototype.ownApply =...context : window) // 防止覆盖掉原有属性 const key = Symbol() // 这里的this为需要执行的方法 context[key] = this // 方法执行

1.5K3 0

JS中的bind、apply、call的理解

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

1.2K1 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 的参数，因此alert(x)为第二个参数func2 二、call 继承用法与改进 js使用call模拟继承测试代码： call - apply for inherit <script

3.3K1 0

js学习之call和apply

贪玩蓝月真好玩，但学习还是要继续的我们平时调用一个js函数是这样的 var ruben = { say: function (word) { if (this.name ==...ruben"; } return this.name + "说：" + word; } } var whatRubenSaid = ruben.say("做猪呢，最重要的是开心...console.log(whatRubenSaid); 输出结果那么我们现在新创建一个对象 var Achao = { name: "Achao" } 如果我们想在Achao里调用ruben里的say...那么还有一个apply呢？...和call不同，它调用方法给的参数需要是一个数组 var Hegel = { name: "黑格尔" } var whatHegelSaid = ruben.say.apply(Hegel, [

1.1K2 0

js的this、call、apply、bind、继承、原型链

本文来自我的github 0.前言这些都是js基础进阶的必备了，有时候可能一下子想不起来是什么，时不时就回头看看基础，增强硬实力。...= 1 } var f = new F() call、apply、bind 指向传入函数的第一个参数。...return result } apply也是同理，而且少了数组这一步，更加简单接下来我们看一下bind怎么实现： Function.prototype.mybind = function(){...我们都可以实现，这里就不再重复 return f.apply(ctx,args1.concat(args2))//将预先填入的参数和执行时的参数合并 } } 此外，需要注意的，一个函数被bind后...，以后无论怎么用call、apply、bind，this指向都不会变，都是第一次bind的上下文 3.从call到继承首先，js没有严格意义上的子类父类，实现继承是依靠原型链来实现类似于所谓的类的效果

1.3K1 0

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

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

1.5K3 0

js中call、apply、bind那些事

前言回想起之前的一些面试，几乎每次都会问到一个js中关于call、apply、bind的问题，比如… 怎么利用call、apply来求一个数组中最大或者最小值如何利用call、apply来做继承 apply...所以其实他们干的事从本质上讲都是一样的动态的改变this上下文,但是多少还是有一些差别的.. call、apply与bind的差别 call和apply改变了函数的this上下文后便执行该函数,而bind...call、apply的区别他们俩之间的差别在于参数的区别，call和aplly的第一个参数都是要改变上下文的对象，而call从第二个参数开始以参数列表的形式展现，apply则是把除了改变上下文对象的参数放在一个数组里面作为它的第二个参数...,-8,687); 将伪数组转化为数组 js中的伪数组(例如通过document.getElementsByTagName获取的元素)具有length属性，并且可以通过0、1、2…下标来访问其中的元素...length属性 ) 数组追加在js中要往数组中添加元素，可以直接用push方法， 1234567 var arr1 = [1,2,3];var arr2 = [4,5,6];[].push.apply

2.1K5 0

js中call、apply、bind那些事

前言回想起之前的一些面试，几乎每次都会问到一个js中关于call、apply、bind的问题，比如… 怎么利用call、apply来求一个数组中最大或者最小值如何利用call、apply来做继承 apply...所以其实他们干的事从本质上讲都是一样的动态的改变this上下文,但是多少还是有一些差别的.. call、apply与bind的差别 call和apply改变了函数的this上下文后便执行该函数,而bind...call、apply的区别他们俩之间的差别在于参数的区别，call和aplly的第一个参数都是要改变上下文的对象，而call从第二个参数开始以参数列表的形式展现，apply则是把除了改变上下文对象的参数放在一个数组里面作为它的第二个参数...,-67,5,7,6,-8,687); 将伪数组转化为数组 js中的伪数组(例如通过document.getElementsByTagName获取的元素)具有length属性，并且可以通过0、1、2…下标来访问其中的元素...length属性 ) 数组追加在js中要往数组中添加元素，可以直接用push方法， var arr1 = [1,2,3]; var arr2 = [4,5,6]; [].push.apply

2K6 0

js基础-关于call,apply,bind的一切

函数原型链中的 apply，call 和 bind 方法是 JavaScript 中相当重要的概念，与 this 关键字密切相关，相当一部分人对它们的理解还是比较浅显，所谓js基础扎实，绕不开这些基础常用的...目录 call,apply,bind的基本介绍 call/apply/bind的核心理念：借用方法 call和apply的应用场景 bind的应用场景中高级面试题：手写call/apply、bind...call/apply与bind的区别执行： call/apply改变了函数的this上下文后马上执行该函数 bind则是返回改变了上下文后的函数,不执行该函数返回值: call/apply 返回fun...call、apply，该用哪个？、 call,apply的效果完全一样，它们的区别也在于参数数量/顺序确定就用call，参数数量/顺序不确定的话就用apply。...关于js事件循环机制不理解的同学，可以看我这篇博客：Js 的事件循环(Event Loop)机制以及实例讲解那么如何使他输出: 1,2,3,4,5呢？

1.7K2 1

点击加载更多

JS 的 apply 方法

js call 和 apply

JS 的 call apply bind 方法

js中的call和apply

JS 手写： call、apply、bind

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

解析js中的call、apply、bind

JS中call apply bind的用法

Js apply() call()使用详解

手写JS函数的call、apply、bind

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

手写JS函数的call、apply、bind

JS中的bind、apply、call的理解

js中call与apply用法

js学习之call和apply

js的this、call、apply、bind、继承、原型链

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

js中call、apply、bind那些事

js中call、apply、bind那些事

js基础-关于call,apply,bind的一切

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐