如何将字符串转换为可执行内部代码？结合jQuery探索场景

嘿，我明白你想解决的问题了——你有个字符串"document.querySelector"，想直接用S(".wrapper")这种方式调用它，而不是借助eval对吧？这其实是把字符串路径映射到实际函数引用的需求，下面给你几种更安全、更优雅的方法：

方法1：从全局对象逐层获取函数引用 #

因为document是全局window对象的属性，我们可以把字符串按.拆分，然后一步步拿到目标函数：

const S = "document.querySelector";
// 拆分属性路径
const pathParts = S.split('.');
// 从window开始，逐层访问属性
const queryFunction = pathParts.reduce((currentObj, propName) => currentObj[propName], window);

// 现在就能直接调用啦
queryFunction(".wrapper").className = "red";

这种方法比eval安全得多，因为它只会沿着你指定的路径访问属性，不会执行任何额外代码，完全避免了注入风险。

方法2：用Function构造函数生成函数 #

如果你更倾向于简洁的写法，可以用Function构造函数创建一个返回目标函数的匿名函数：

const S = "document.querySelector";
const queryFunction = new Function(`return ${S}`)();

queryFunction(".wrapper").className = "red";

虽然Function和eval原理类似，但它是在全局作用域执行的，风险相对更低，但还是要确保S的内容是你完全可控的，别让不可信的内容进来。

方法3：直接赋值（最推荐的固定场景方案） #

如果你的S内容是固定不变的（比如就是硬编码的"document.querySelector"），那完全没必要绕字符串的弯子，直接把函数本身赋值给S就行：

const S = document.querySelector;
S(".wrapper").className = "red";

这是最简单、最安全、性能最好的方式，毕竟字符串转函数的操作只有在动态场景下才有意义。

为什么不推荐用eval？ #

eval会执行传入的任意JavaScript代码，一旦S的内容被篡改（比如注入恶意代码），就会带来严重的安全问题；另外，eval的性能也不如直接引用函数，因为它需要动态解析代码，而直接引用函数是静态的，浏览器可以做优化。

内容的提问来源于stack exchange，提问作者Parth Agarwal