js之call()和apply()的区别

辽辽无期

于 2024-02-23 16:25:02 发布

阅读量536

点赞数 9

分类专栏： js 文章标签： javascript 开发语言

本文链接：https://blog.youkuaiyun.com/yaya_xiaohui/article/details/136259039

版权

js 专栏收录该内容

17 篇文章

订阅专栏

本文详细解释了JavaScript中call()和apply()方法的区别，包括参数传递方式，以及在对象继承中的this指向。同时介绍了如何通过parent.call(this)实现子函数继承父函数的方法和变量。

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

定义：调用一个对象的一个方法，用另一个对象替换当前对象
意义：改变执行上下文（this）
不同点：call可以传入多个参数，从第二参数开始会映射到func的参数上

function test (a,b,c) {}

test.call(obj, 1,2,3)
// function接收到的参数实际上是 1,2,3

test.call(obj, [1,2,3])
// function接收到的参数实际上是 [1,2,3],undefined,undefined

apply方法最多两个参数，第二参数是数组或者类数组

test.apply(obj, [1,2,3])
// function接收到的参数实际上是 1,2,3

test.apply(obj, {
    0: 1,
    1: 2,
    2: 3,
    length: 3
})
// function接收到的参数实际上是 1,2,3

对象继承

function parent(){
        this.num = 1
        this.sun = function(){
            console.log(this.num+1)
        }
    }

    function son(){
        parent.call(this)//将this指向parent函数，继承parent内的方法和变量
        this.sun()
	this.p = 5
        this.fox = function(){//son自己的方法
            console.log(this.p+3)
        }
        fox()
    }
    son()//2 8