JavaScript 模式之避免用eval 前端早读课第31期

2017-09-11 本文已影响47人知行社

If there are two or more ways to do something, and one of those ways can result in a catastrophe, then someone will do it.-- Edward A. Murphy(墨菲定律)

避免用eval

用 eval 让代码的可读性变差，也容易产出bug。用 eval 的性能也比较差。

用 eval 调用对象上的属性，属性的值是一个变量：

var property = "name";
alert(eval("obj." + property));

优化为：

var property = "name";
alert(eval(obj[property]));

setTimeout 或 setInterval 的第一个参数是字符串，相对于用 eval ：

setTimeout("myFunc()", 1000);
setTimeout("myFunc(1, 2, 3)"

优化为：

setTimeout(myFunc, 1000);
setTimeout(function () {
  myFunc(1, 2, 3);
}, 1000);
setTimeout(myFunc, 1000, 1, 2, 3); // IE 不支持这种写法

单页应用内容是动态生成的，搜索引擎的爬虫抓不到每个路由的信息，不利于SEO。如果对单页应用要做 SEO，一般会采用服务器端渲染（SSR）的方式。其实解决SEO问题不一定非得用服务端渲染来处理，服务端渲染对于刚接触 vue 的新手来说比较难。