call() 和 apply（)的用法记录

Webgiserin

于 2023-10-18 11:27:39 发布

阅读量82

点赞数

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/Webgiser_yy/article/details/133901747

版权

本文详细解释了JavaScript中`this`关键字在函数中的动态指向，以及`call()`和`apply()`方法如何改变`this`的值，通过实例展示了在构造函数和对象方法中使用这些方法时的效果。

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

参考地址

作用：改变 this的指向,测试数据

function f1(arg1,arg2){ } 当f1 .call() f1内部的this指向window
当f1.call(f2,arg1,arg2) f1内部的this指向f2,后面的都是传参
当f1.apply(f2,[arg1,arg2]) 同上

//构造函数应用
var max = 9
var min= 3
var average = 6
var aaa={
    max:999,
    min:333,
    getInfo:function(){
        return `${this.max},${this.min}`
    },
    getParamInfo:function(a,b){
        return `${this.max},${this.min},${a},${b}`
    }
}
var bbb={
    max:111,
    min:22
}
console.log(aaa.getInfo())// AAA指向，999，333
console.log(aaa.getInfo.call(),'window 指向') //9,3
console.log(aaa.getParamInfo.call(),'window 指向') //9,3
console.log(aaa.getInfo.call(bbb),'bbb 指向') //111,22
console.log(aaa.getInfo.apply(bbb),'bbb 指向') //111,22
console.log(aaa.getParamInfo.call(bbb,55,66),'bbb 指向') //111,22
console.log(aaa.getParamInfo.apply(bbb,[55,66]),'bbb 指向') //111,22