with/try-catch/eval()改变作用域链

前言

最近正在努力找实习，在面试过程中发现自己基础比较薄弱，于是开始复习 js 的基础，以下都是从各个 blog 或书籍上收集回来的，如有不妥，会修改，下面如果有出错的地方，欢迎大家指出

作用域链的定义及用途

作用域链的前端，始终都是当前执行的代码所在环境的变量对象，如果这个环境是函数，则将其活动对象作为变量对象。活动对象在最开始时只包含一个变量，即 arguments 对象（这个对象在全局环境中是不存在的）。作用域链中的下一个变量对象来自包含环境，而在下一个变量对象则来自下一个包含环境，一直延续到全局执行环境，全局执行环境的变量对象始终都是作用域链中的最后一个对象 作用域链的用途是保证对执行环境有权访问的所有变量和函数的有序访问

with语句

function buildUrl() {
    var qs = "?debug=true";
    with(location) {
        var url = href + qs;
    }
    return url;
}

这里，with 语句接收的是 location 对象，因此其变量对象中就包含了 location 对象的所有属性和方法，而这个变量对象被添加到了作用域链的前端。buildUrl()函数定义了一个变量 qs。当在 with 语句中引用变量 href 时，可以在当前执行环境的变量对象中找到。当引用变量 qs 时，引用的则是在 buildUrl()中定义的那个变量，而该变量位于函数环境的变量对象中。治愈 with 语句内部，则定义了一个名为 url 的变量，因而 url 就成了函数执行环境的一部分，所以可以作为函数的值被返回。

try-catch语句的catch 块

catch语句会创建一个新的变量对象，其中包含的是被抛出的错误对象的声明。

eval()

console.log(typeof deux);   // "undefined"
console.log(typeof trois);  // "undefined"
 
var jsstring = "var un = 1; console.log(un);";
eval(jsstring);             // logs "1"
 
jsstring = "var deux = 2; console.log(deux);";
new Function(jsstring)();   // logs "2"
 
jsstring = "var trois = 3; console.log(trois);";
(function () {
   eval(jsstring);
}()); // logs "3"
 
console.log(typeof un);     // number
console.log(typeof deux);   // "undefined"
console.log(typeof trois);  // "undefined"

从输出结果可以看到，eval()会干扰作用域链。eval()是把字符串转换为 js 代码，如果字符串中有新定义的函数或者变量，就会再创建一个执行环境或者将变量添加到在作用域链的前端，从而改变了作用域链。所以有需要使用到 eval()的时候，可以考虑使用 Function()来代替

转自： www.nowamagic.net/librarys/ve… 部分资料来自红宝书