JavaScript回顾学习：模拟call、apply、bind方法

最新推荐文章于 2025-04-11 11:54:03 发布

sunct

最新推荐文章于 2025-04-11 11:54:03 发布

阅读量162

点赞数

分类专栏： JavaScript 文章标签： javascript

JavaScript 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了如何使用JavaScript模拟实现Function原型上的三个核心方法：call、apply和bind。这些方法允许开发者改变函数调用的上下文，这对于理解JavaScript的this指向和函数应用非常关键。

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

模拟call方法：

Function.prototype.mycall = function (context) {
    var context = context || window;
    context.fn = this;

    var args = [];
    for (var i = 0, len = arguments.length; i < len; i++) {
        args.push('arguments[' + i + ']');
    }

    var result = eval('context.fn(' + args + ')');
    delete context.fn;
    return result;
}

模拟apply方法：

        Function.prototype.myapply = function (context, arr) {
            var context = context || window;
            context.fn = this;

            var result;
            if (!arr) {
                result = context.fn();
            }
            else {
                var args = [];
                for (var i = 0, len = arr.length; i < len; i++) {
                    args.push('arr[' + i + ']');
                }
                result = eval('context.fn(' + args + ')')
            }

            delete context.fn
            return result;
        }

模拟bind方法：

        Function.prototype.mybind = function (context) {
            var self = this;
            var args = Array.prototype.slice.call(arguments, 1);

            var fNOP = function () { };

            var fBound = function () {
                var bindArgs = Array.prototype.slice.call(arguments);
                return self.apply(this instanceof fNOP ? this : context, args.concat(bindArgs));
            }

            fNOP.prototype = this.prototype;
            fBound.prototype = new fNOP();
            return fBound;
        }