JavaScript在方法中使用apply(this,arguments)

最新推荐文章于 2023-01-20 18:36:17 发布

liulanba

最新推荐文章于 2023-01-20 18:36:17 发布

阅读量8.6k

点赞数 11

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

本文链接：https://blog.csdn.net/liulanba/article/details/112981865

版权

JavaScript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

首先了解一下arguments:
arguments 对象是JavaScript 函数内置的对象，包含了函数调用的参数数组。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>入门JavaScript this</title>
</head>

<h2>JavaScript <b>this</b> arguments</h2>

<p id="demo"></p>
</head>
<body>
<script language="javascript">

function findMax() {
    var i, max = arguments[0];
    console.log(arguments);
    if(arguments.length < 2) return max;
 
    for (i = 0; i < arguments.length; i++) {
        if (arguments[i] > max) {
            max = arguments[i];
        }
    }
    return max;
}
console.log("最大值为:",findMax(1, 123, 500, 115, 44, 88)); 
</script>
</body>
</html>

在控制台输出为：
在这里插入图片描述然后是apply的使用：
apply() 方法接受两个参数：
第一个参数为thisObject，调用时采用传入的thisObject代替函数体中this的指向，是函数运行的作用域。
第二个参数是一个参数数组(arguments)，函数会用数组的值取代“参数列表"。

var A={
    name:"我是小A",
    fun:function(sex,age){
        console.log("大家好！ "+this.name+" 我是个"+sex+" 今年"+age+"岁")
    }
}

var B = {
    name:"我是小B"
};
var monies = ["男生",20];
A.fun.apply(B,monies);

将A的方法应用到对象B上，在控制台输出为：

大家好！ 我是小B 我是个男生 今年20岁

现在将apply(this,argument)放到方法中使用：

var A={
    name:"我是小A",
    funA:function(sex,age){
        console.log("大家好！ "+this.name+" 我是个"+sex+" 今年"+age+"岁")
    }
}

var B = {
    name:"我是小B",
	funB:function()
	{
	console.log(this.name,arguments);
	A.funA.apply(B,arguments)
	}
	
};

B.funB("男生",20);

在对象B中使用A的方法，并使用apply改变this的指向，arguments就是传入的参数：
在这里插入图片描述
在对象B的方法funB中，this代表B，因此apply(B,arguments)就等同于apply(this,arguments)
因此使用apply(this,arguments)可以方便的编写应用于不同对象的方法。
看前人代码，看到一种用法，源码不好展示，这里类比一下：

var B = {
    name:"我是小B",
	funB:function()
	{
	console.log(this.name,arguments);
	B.funB.apply(this,arguments)
	}
};
B.funB("男生",20);

这个因为使用了递归，会导致把堆栈塞满，不知道为什么要这样用，希望路过的大佬看到了可以解释一下。。。。
在这里插入图片描述

liulanba

关注

11
点赞
踩
23

收藏

觉得还不错? 一键收藏
6
评论
JavaScript在方法中使用apply(this,arguments)

首先了解一下arguments:arguments 对象是JavaScript 函数内置的对象，包含了函数调用的参数数组。<!DOCTYPE html><html><head><meta charset="utf-8"><title>入门JavaScript this</title></head><h2>JavaScript <b>this</b> arguments&
复制链接

扫一扫