js eval替代方法学习笔记

写前端的小伙伴们都知道，js种eval()方法是用来把一段字符串转换成js代码并执行。但是eval的执行效率非常差，并且容易造成作用于混乱。所以非常不提倡使用eval，甚至要避免使用。

但是在某些情况下这个功能却是必不可少的。同在csdn上 有一篇 js替代eval方法，作者写的非常好。下面就拿代码来学习一下。

第一种方法：

function evil(str) {
    var fn = Function;
    return new fn('return ' + str)();
}

/*








第一种方法传入的内容需要包含在对象中。不然会报错。

比如




 传入一个字符串 "var a = 1;"
就一定会报错。因为 其内容需要return。不然传入的对象的作用于怎么暴露呢。不过这种方法的思路非常好，而且其中包含着大量的只是点。值得深入研究下去*/

第二种方法：
function eval1 (str) {
    var script = document.createElement('script');
    script.type="text/javascript";
    script.text=str;
    document.getElementsByTagName('head')[0].appendChild(script);
    document.head.removeChild(document.head.lastChild);
}

/*








第二种方法的思路简洁明了，就是在页面上创建script标签，然后再移除掉。

这种方法传入任何正确的代码都会被执行。但是操作dom结构的方法还不是首选。




*/