JavaScript：解决问题：解决在程序运行时，为函数动态的传入不同个数的参数

天有行-地无迹-千秋怎堪一剑扫 2019-11-27 16:39:29 42 收藏

分类专栏： grammar javaScript

版权

一、背景

openlayer的ol.format.filter.and( filter1,filter2, ...,filterN);函数可以实现你输入任意多个参数，然后进行交处理。

https://openlayers.org/en/latest/apidoc/module-ol_format_filter.html#.and

module:ol/format/filter.and(conditions){module:ol/format/filter/And~And}

github上add()函数的实现内容：https://github.com/openlayers/openlayers/blob/v6.1.1/src/ol/format/filter.js 30行

/**

* Create a logical `<And>` operator between two or more filter conditions.

* @param {...import("./filter/Filter.js").default} conditions Filter conditions.

* @returns {!And} `<And>` operator.

* @api

export function and(conditions) {

const params = [null].concat(Array.prototype.slice.call(arguments));

return new (Function.prototype.bind.apply(And, params));

}

问题1：为什么add函数能做到任意个参数输入。

答：其实这是JavaScript 的语法特点，就是只看函数名，不看函数参数的，其导致重命名函数覆盖问题：也就是同名函数，只会调用最后那个函数。

而其怎么调用函数参数呢？其实是通过function的元信息：arguments 属性：其就是用array的方式保存了传入的参数，并依次调用。

问题2：那么现在需要解决的问题是：我现在会生成不确定个数的Filter,保存到Array 中。如果直接通过:

arrayFilters = [f1,f2,f3,..,fn] , ol.format.filter.and(arrayFilters) 的时候，会报错。

所以，怎么解决代码运行时传入当时的所有参数？

思路：参考其“github上add()函数的实现”（最开始的代码），其实可以使用JavaScript 的函数调用方法：

比如：call , bind , apply 等等其他【待补充】

我的解决方法：

finalFilter = ol.format.filter.and.apply(this,filters); //成功

//finalFilter = new (Function.prototype.bind.apply(ol.format.filter.And,filters)); //报错

//finalFilter = ol.format.filter.and.call(this, filters); //报错

//finalFilter = ol.format.filter.and.bind(this, filters)(); //报错

//finalFilter = ol.format.filter.and.bind(this)(filters); //报错

结论：参考博客：JavaScript 中 call()、apply()、bind() 的用法

————————————————

原文链接：https://blog.csdn.net/weitaming1/article/details/103276435

JavaScript： 解决问题： 解决在程序运行时，为函数 动态的传入不同个数的参数