【JavaScript】将一个方法的所有参数传到下一个方法步骤详解

如题,将JavaScript的一个方法所有参数传到下一个方法,这个步骤怎么实现,在码代码搬砖,要重写方法的时候,就有可能会用到它,在这里给各位讲一下。

参数传递

也许你会这样写,看以下代码

var _log = console.log;
console.log = function(a,b) {
	if(b) return _log(a,b);
	return _log(a);
};

但是,遇到方法参数数量很多的话,看以下代码

var _log = console.log;
console.log = function(a,b,c,d,e,f,g...) {
	//省略更多....
	if(b && c) return _log(a,b,c);
	if(b) return _log(a,b);
	return _log(a);
};

是不是要写很多行呢,如果还不变通,那样写就会很累很累的…深有体会

arguments

也许,你接触过arguments,应该会想到用这个吧,来看能不能实现,

  • arguments就是参数列表数组,可以知道传入的参数有多少,
  • arguments.length表示传入的参数数量

看以下代码,知道用arguments这样也不好,虽然省了写if()判断,但是看着还是要写很多,

var _log = console.log;
console.log = function() {
	switch(arguments.length){
		//省略更多....
		case 3:
			return _log(arguments[0],arguments[1],arguments[2]);
		case 2:
			return _log(arguments[0],arguments[1]);
		default:
			return _log(arguments[0]);
	}
};

代理方法

听说过代理,于是想起,方法是否可以代理呢,答案是可以的,

看一个例子,代理apply的用法,代码如下

var _log = console.log;
console.log = function() {
	return _log.apply(this, arguments);
};

方法apply用不好就会劫持,引发数据安全问题,还容易被检测到,不建议用

直接传参

将一个方法的参数列表传到下一个方法中,就直接传参,

看一个例子,...args的用处体现出来了,代码如下

var _log = console.log;
console.log = function(...args) {
	return _log(...args);
};

...args是spread运算符,注意这用法在ECMAScript ES6以上才支持

都看到这了,还不点赞…
请添加图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

TA远方

谢谢!收到你的爱╮(╯▽╰)╭

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值