【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以上才支持

都看到这了,还不点赞…
【JavaScript】将一个方法的所有参数传到下一个方法步骤详解_第1张图片

你可能感兴趣的:(JavaScript编程,javascript,前端,开发语言,arguments,参数传递)