问题
如何获取一个函数形参?我们都知道通过arguments可以获取运行时的实参值,但是形参值怎么获取,如果我们对toString的用法了解,这个问题就好解答了
toString
Function.prototype.toString里有一句话说,在一个函数上直接调用toString方法,会以字符串形式返回这个函数的源码。这里有个重要信息,通过调用toString() 方法可以反编译解析出函数源码,多么强大简单的功能。
// 撸代码
function tq(a, b, c) {}
tq.toString();
// "function tq(a, b, c) {}" 那么剩下的事情就是通过正则匹配解析出圆括号里面的内容了,简单吧
前人已经写的几种获取函数形参的方法
1. get-parameter-names 推荐使用
//https://github.com/goatslacker/get-parameter-names/blob/master/index.js
// 看不懂正则的,可以上https://regexper.com
var COMMENTS = /((\/\/.*$)|(\/\*[\s\S]*?\*\/))/mg;
var DEFAULT_PARAMS = /=[^,]+/mg;
var FAT_ARROWS = /=>.*$/mg;
function getParameterNames(fn) {
var code = fn.toString()
.replace(COMMENTS, '')
.replace(FAT_ARROWS, '')
.replace(DEFAULT_PARAMS, '');
var result = code.slice(code.indexOf('(') + 1, code.indexOf(')'))
.match(/([^\s,]+)/g);
return result === null
? []
: result;
}
2. 同1类似的方法
function getArgs(func) {
// 先用正则匹配,取得符合参数模式的字符串.
// 第一个分组是这个: ([^)]*) 非右括号的任意字符
var args = func.toString().match(/function\s.*?\(([^)]*)\)/)[1];
// 用逗号来分隔参数(arguments string).
return args.split(",").map(function(arg) {
// 去除注释(inline comments)以及空格
return arg.replace(/\/\*.*\*\//, "").trim();
}).filter(function(arg) {
// 确保没有 undefined.
return arg;
});
}
3. 知乎上贺师俊提供了一个更简单的方法
//https://www.zhihu.com/question/28912825
/\(\s*([\s\S]*?)\s*\)/.exec(fn)[1].split(/\s*,\s*/)
方法一考虑到单行注释,多行注释,默认值,箭头函数多种情况,适应情况更多,推荐使用方法一
toString其他用法
1. Object.prototype.toString
判断变量类型,这个经常在比如jquery等各种类库中常用
Object.prototype.toString.call(obj);
2. Number.prototype.toString
将数字转化为字符串,比如1转化为‘1’
3. Boolean.prototype.toString
var b = true;
console.log(b.toString()); // 'true'
4. Array.prototype.toString
行为类似于 [].join(',');
[].toString() // ''
[1, 2].toString() // '1,2'
5. Symbol.prototype.toString
// 行为类似于Function.prototype.toString会将Symbol函数源码解析出来