函数方法.apply() .call() .bind() - 腾讯云开发者社区

文章/答案/技术大牛

发布

apply、call、bind函数的区别

apply、call、bind函数的区别一、前言大多数人都知道，使用apply、call、bind可以调用函数，并改变函数中this的指向。做一个简单记录，免得以后忘记了。...传参和call一致，在后面添加原函数的参数就可以JAVASCRIPT// 也可以这样写，效果是一样的user.showInfo.bind(other, other.age, other.sex)();...call、bind他们的异同点相同点：都可以改变函数中this的指向，且都将作为第一个参数进行使用不同点（传参方面）apply：在传入改变this的对象之后，将原来的函数参数，打包成一个数组进行传参call...：在传入改变this的对象之后，依次传入原本的函数参数bind：由于特性，它的传参分为一次参数和二次传参，一次传参与call相同；二次传参首次传参与call类似，后一次调用传参补全原函数剩余的参数不同点...（调用方面）apply、call：函数.apply()或者函数.call()，即可发起调用bind：先返回一个改变指向的函数，再通过这个函数进行调用我是半月，祝你幸福！！！

3561 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.call(s); //C //绑定自定义对象 // bind //最后一个()是为让其执行 rollCall.sayName.bind...)(); //B //绑定document对象 rollCall.sayName.bind(s)(); //C //绑定自定义对象区别虽然apply()、call()、bind()都能够达到改变this...rollCall.sayAllName.call(window,"A","B","C"); // Teacher A B C // bind 仅将对象绑定，并不立即执行，其返回值是一个函数，传参方式与

9822 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返回的是一个函数，所以还可以用来做闭包等。

1.2K2 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...,1); // 返回一个新的函数 return function(){ // 将相关参数赋给这个bind所在方法，并将执环境赋给context return

2.1K3 0

call、apply、bind 改变this方法总结

在js中所有函数都会自带改变this指向的三大方法 1. call fn.call(对象，参数1，参数2....) 执行函数，并改变函数内部的this，指向传入的第一个参数对象。...后面的参数依次是函数原有的参数。 2. apply fn.apply(对象，[参数1，参数2....])...执行函数，除了将后面的参数放到一个数组，其他和call完全一样 3.bind fn.bind(对象，参数1，参数2...) 不执行函数，而是返回一个函数。其参数格式和call一样

4342 0

手写JS函数的call、apply、bind

之所以要写这篇，是因为曾经面试被要求在白纸上手写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...fun.ownCall(_this, 1, 2)// 输出：YIYING3apply定义与使用Function.prototype.apply(): developer.mozilla.org/zh-CN...(arg1 + arg2)}const _this = { name: 'YIYING' }// 参数为数组;方法立即执行fun.apply(_this, [1, 2])// 输出：YIYING3手写实现

1.6K2 0

call，apply，bind详解

使用apply方法改变this指向后原函数会立即执行，且此方法只是临时改变thi指向一次。...call方法 call方法的第一个参数也是this的指向，后面传入的是一个参数列表（注意和apply传参的区别）。...bind方法 bind方法和call很相似，第一参数也是this的指向，后面传入的也是一个参数列表(但是这个参数列表可以分多次传入，call则必须一次性传入所有参数)，但是它改变this指向后不会立即执行...三者都可以传参，但是apply是数组，而call是参数列表，且apply和call是一次性传入参数，而bind可以分为多次传入。...bind 是返回绑定this之后的函数，便于稍后调用；apply 、call 则是立即执行。

1.1K1 0

手写JS函数的call、apply、bind

之所以要写这篇，是因为曾经面试被要求在白纸上手写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...fun.ownCall(_this, 1, 2)// 输出：YIYING3参考前端手写面试题详细解答apply定义与使用Function.prototype.apply(): developer.mozilla.org...(arg1 + arg2)}const _this = { name: 'YIYING' }// 参数为数组;方法立即执行fun.apply(_this, [1, 2])// 输出：YIYING3手写实现

1.5K3 0

JavaScript之手写call、apply、bind函数

手写call函数实现步骤：判断调用对象是否为函数，即使我们是定义在函数的原型上的，但是可能出现使用call等方式调用的情况判断传入上下文对象是否存在，如果不存在，则设置为window 处理传入的参数...，截取第一个参数后的所有参数将函数作为上下文对象的一个属性使用上下文对象来调用这个方法，并保存返回结果删除刚才新增的属性 Function.prototype.myCall=function(context...else{ result=context.fn() } //将属性删除 delete context.fn; return result; } 手写bind...函数实现步骤：判断调用对象是否为函数，即使我们是定义在函数的原型上的，但是可能出现使用call等方式调用的情况保存当前函数的引用，获取其余传入参数值创建一个函数返回函数内部使用apply来绑定函数调用...，需要判断函数作为构造函数的情况，这个时候需要传入当前函数的this给apply调用，其余情况都传入指定的上下文对象 Function.prototype.myBind=function(context

4946 0

bind、call、apply 区别

call 和 apply 都是为了解决改变 this 的指向。作用都是相同的，只是传参的方式不同。除了第一个参数外，call 可以接收一个参数列表，apply 只接受一个参数数组。...(a, 'yck', '24') getValue.apply(a, ['yck', '24']) bind 和其他两个方法作用也是一致的，只是该方法会返回一个函数。...并且我们可以通过 bind 实现柯里化。...如何实现一个 bind 函数对于实现以下几个函数，可以从几个方面思考不传入第一个参数，那么默认为 window 改变了 this 指向，让新的对象可以执行该函数。...} } 如何实现一个 call 函数 Function.prototype.myCall = function (context) { var context = context || window

7362 0

手写apply、call、bind

放假了就好好的休息哈，该玩的时候玩、该学的时候学，就对了~ 手写call Function.prototype.myCall = function(context){ if(typeof this...) context.fn = this; let result = context.fn(...args) delete context.fn; return result; } 手写apply...throw new Typeerror('Error') } const _this = this; const args = [...arguments].slice(1) // bind...的返回值是一个函数 return function F(){ // 函数有两种调用方式，一种是new ,一种是直接调用 if(this instanceof F){ return...new _this(...args, ...arguments) } return _this.apply(context, args.concat(...arguments))

5813 0

手写call , apply , bind 方法的实现

,我们可以明白: call方法修改了foo 函数的this指向 (指向了我们上方定义的animal对象) 只有函数类型才可以调用该方法调用call 方法之后会立即执行原函数(调用者) 有了上方的总结之后...,我们便可以实现一下call方法了 1....方法的实现其实apply 和 call 方法非常相似,唯一的区别就是再调用的时候传参的方式的不同参数传递方式： call 方法接受参数的方式是直接列出每个参数。...例如，如果你要传递两个参数，你会这样写：func.call(context, arg1, arg2)。 apply 方法接受参数的方式是通过一个数组或者类数组对象。...方法的实现唯一区别就是接收参数时候的不同, 因为第二个参数是一个数组 bind方法的实现这里我们通过调用call 直接修改返回新函数的this指向 // 1.

2721 0

js原生函数之call和apply，bind

call 和 apply call 和 apply 和 bind 都是为了改变某个函数运行时的 context 即上下文而存在的，换句话说，就是为了改变函数体内部 this 的指向。...js原生函数中的call和apply都不陌生，这两个方法的作用相似，接受两类参数。第一类是context（上下文），传入的参数作为执行函数的上下文，也是要传入的第一个参数。...)是应用 call 和 apply 的一个函数式编程。...bind方法用于明确指定调用 this 方法。在作用域方面，类似于 call 和 apply 。当你将一个对象绑定到一个函数的 this对象时，你就会用到 bind。...(tom)());//reading bind 和 call的使用方式很类似，同样接受两部分参数，上下文this和作用函数的后续参数，下面是我猜想的bind的模拟实现方法。

1.3K0 0

手撸call apply bind

如果自己去实现call apply bind，看上去挺复杂，写起来其实就几行代码因为call和apply一样，只是传参不一样，所以我就只写一个call 实现call（其实只有2行代码） /* 随便定义一个对象...，待会将函数内的this指向指向倒这个对象 */ const obj = { name: '我是需要被绑定改变this指向的对象' } /* 需要改变this指向的函数，没有使用call时，this指向...方法 * target 需要把this改变到哪个目标 * args 传递进来的参数 */ Function.prototype.call = function (target, ...args)...(obj, '我是傻逼') 实现bind 因为bind的调用方式，是返回一个新函数，在调用一次，例如：fn.bind(null)(options)，所以需要用到高阶函数 /* 随便定义一个对象，待会将函数内的...方法 * target 需要把this改变到哪个目标 * args 传递进来的参数 */ Function.prototype.bind = function (target) { target

2291 0

手动实现call apply bind

call：后面的参数为调用函数的参数列表 function greet(name) { console.log(this.animal,name); } var obj = { animal:...'cats' }; greet.call(obj,'猫咪'); apply：第二个参数为调用函数的参数数组 function greet(name) { console.log(this.animal...,name); } var obj = { animal: 'cats' }; greet.apply(obj,['猫咪']); bind：当绑定函数被调用时，bind传入的参数会被插入到目标函数的参数列表的开始位置...var fun = function (name1,name2){ console.log(this); console.log(name); }.bind({a:1},"name1")...实现类似call，参数为数组 Function.prototype.myApply = function (context) { if (typeof this !

8493 0

JS 手写： call、apply、bind

该方法的语法和作用与 apply() 方法类似，只有一个区别，就是 call() 方法接受的是一个参数列表，而 apply() 方法接受的是一个包含多个参数的数组。...# 描述 call() 允许为不同的对象分配和调用属于一个对象的函数/方法。 call() 提供新的 this 值给当前调用的函数/方法。...# 示例 # 使用 call 方法调用父构造函数在一个子构造函数中，可以通过调用父构造函数的 call 方法来实现继承，类似于 Java 中的写法。...call() 方法的作用和 apply() 方法类似，区别就是 call() 方法接受的是参数列表，而 apply() 方法接受的是一个参数数组。...# Try it bind() 方法创建一个新的函数，在 bind() 被调用时，这个新函数的 this 被指定为 bind() 的第一个参数，而其余参数将作为新函数的参数，供调用时使用。

2.1K3 0

手动实现apply、call、bind

手动实现apply、call、bind 每个Function对象都存在apply()、call()、bind()方法，其作用都是可以在特定的作用域中调用函数，等于设置函数体内this对象的值，以扩充函数赖以运行的作用域...apply funct.apply(thisArg, [argsArray]) thisArg: 必选，在funct函数运行时使用的this值，this可能不是该方法看到的实际值，如果这个函数处于非严格模式下...实现思路，类似于Function.prototype.call()，同样将_call()方法挂载到Function.prototype，使得函数对象能够直接调用，在调用funct....实现思路，类似于Function.prototype.bind()，同样将_bind()方法挂载到Function.prototype，使得函数对象能够直接调用，利用箭头函数在词法上绑定this值的特性...1, 2); // 使用bind将this绑定到obj对象，bind方法返回一个原函数的拷贝，并拥有指定的this值和初始参数。

7532 0

bind、call、apply的实现

bind、call、apply是JavaScript中Function.prototype非常重要的三个方法，他们的作用是改变this的指向。...三者的区别是： bind返回一个函数，该函数改变了this的指向。 call直接调用函数，也可以传递参数用逗号隔开。 apply直接调用函数，也可以传递参数使用数组传递给第二个参数。...我们现在详细解读一下各个函数的实现方式。 bind的实现 bind的基本用法：函数调用bind，返回一个新的函数。 bind方法的第一个参数是宿主对象，也就是执行的this。...bind返回函数执行时候的参数是bind方法第二个至多个参数与调用时参数的合集。...apply方法的第一个参数是null或者undefined的时候this会绑定在全局对象上。 apply方法第二个参数是一个数组，相当于函数执行时的参数。

6236 2

【THE LAST TIME】this：call、apply、bind

此外，使用 call 、 apply或 bind等方法给 this传值，箭头函数会忽略。箭头函数引用的是箭头函数在创建时设置的 this值。箭头函数也不能用作构造函数。...& applay 上文中已经提到了 call、apply和 bind,在 MDN 中定义的 apply 如下： apply() 方法调用一个函数, 其具有一个指定的this值，以及作为一个数组（或类似数组的对象...('qing'); var b1 = new Boy('qianlong', 100); bind bind 和 call/apply 用处是一样的，但是 bind 会**返回一个新函数！...**而call/apply改变函数的 this 并且立即执行。 ?...return result; } bind bind的实现讲道理是比 apply 和call 麻烦一些的，也是面试频考题。

6913 0

对于bind、call、apply 区别？

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

4472 0

点击加载更多

apply、call、bind函数的区别

apply()、call()、bind()

call、apply、bind

JS 的 call apply bind 方法

call、apply、bind 改变this方法总结

手写JS函数的call、apply、bind

call，apply，bind详解

手写JS函数的call、apply、bind

JavaScript之手写call、apply、bind函数

bind、call、apply 区别

手写apply、call、bind

手写call , apply , bind 方法的实现

js原生函数之call和apply，bind

手撸call apply bind

手动实现call apply bind

JS 手写： call、apply、bind

手动实现apply、call、bind

bind、call、apply的实现

【THE LAST TIME】this：call、apply、bind

对于bind、call、apply 区别？

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐