JavaScript 中使用 new Function 执行字符串拼接表达式
作者 @zwhu
原文章 @github
最近在用 node 学写爬虫,也可以叫模拟登陆,遇到某个网站在返回的 HTML 中插入了一个生成页面token的script。
这个HTML的结构大概类似
<!Doctype html><html> <head></head> <body> <div></div> <script> (function (w) { w.token = (function () { // .... // 生成tokenreturn token; })();;})(window); </script> </body></html>
首先拿到这个页面,然后获取script标签的表达式字符串,剩下的事就是怎样执行表达式字符串,并获取token。
在此处的情景中用eval也是挺不错的选择,但是既然 JS 不推荐这种用法,那我们就换成 new Function 来做。
看下 new Function 的用法如下
new Function ([arg1[, arg2[, ...argN]],] functionBody)
new Function会返回一个函数。例如 fn = new Function('a', 'b', 'return a + b')
会返回一个函数对象
fn = function(a, b) { return a + b}
so,我们可以使用 new Function 构造一个函数,用来执行获取到得表达式,并返回token。
fn = new Function('window', functionBody + ';return window.token') var token = fn({}) console.log(token)
构造的这个函数有个window形参,作为函数体中立即执行表达式的实参传入最内层的函数中。所以在最后执行的时候 return window.token 便会获得token 的内容。