前端编程题

意终有尽时

于 2021-10-25 14:48:36 发布

阅读量157

点赞数

分类专栏：前端学习文章标签：前端 javascript es6

本文链接：https://blog.youkuaiyun.com/a15107071954/article/details/120951209

版权

前端学习专栏收录该内容

11 篇文章

订阅专栏

本文介绍了JavaScript中如何改变函数内部的this指向，包括使用call()、apply()和bind()方法。call()和apply()的区别在于传递参数的方式，call()接受单独参数，apply()接收数组形式的参数。bind()方法则允许将函数绑定到特定对象，创建一个新的函数。这些技巧对于理解和使用JavaScript对象及函数至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

封装函数f，使f的this指向指定的对象

1、call() 方法是预定义的 JavaScript 方法。它可以用来调用所有者对象作为参数的方法。

通过 call()，您能够使用属于另一个对象的方法。

function bindThis(f, oTarget) {
    return function(x,y){
        return f.call(oTarget,x,y);
    }
}

2、apply() 方法与call()方法类似，唯一区别是：

call() 方法分别接受参数。

apply() 方法接受数组形式的参数。

Javascrip中每个函数都会有一个Arguments对象实例arguments，它引用着函数的实参，可以用数组下标的方式"[]"引用arguments的元素。

function bindThis(f, oTarget) {
    return function(){
        return f.apply(oTarget,arguments);
    }
}

3、Function.prototype.bind()方法

bind()方法主要就是将函数绑定到某个对象，bind()会创建一个函数，函数体内的this对象的值会被绑定到传入bind()第一个参数的值，例如，f.bind(obj)，实际上可以理解为obj.f()，这时，f函数体内的this自然指向的是obj。

function bindThis(f, oTarget) {
    return f.bind(oTarget);
}