js 延长作用域链-等闭包测试 - 易塔云建站-模板下载,web开发资源,技术博客

js 延长作用域链-等闭包测试发布于：2021-03-05 12:19:48 原创发表查看：9 讨论：0

具体来说，就是当执行流进入下列任何一个语句时，作用域链就会得到加长：
□：try-catch语句的catch块。会创建新的变量对象，是抛出的错误对象的声明。
□：with语句。将指定的对象添加到作用域链中。

function buildUrl(){
var qs = "&name=sss";
    with(location){
        var url = href + qs
    }
    return url;
}
alert(buildUrl());

with语句会把location对象加载到当前函数的作用域中，而函数体内的href是location.href。qs是在函数体内查找，没找到继续往上找，在buildUrl()函数变量中找到了。如果在with函数中也定义了 qs ，那么就不用往外继续查找了。
由于with语句加载的是一个变量对象，那么我们换一下location。

由于这道题说的是延长作用域链问题，使用a和b这两个对象，对buildUrl函数的作用域进行了延长。我没有测试a、b是函数的情况。等整理完闭包后再做测试。

现在来测试一种方法：（在函数外访问函数内部不同变量）

function c(){
    var cURL1 = "http://www.taobao.com/";
    var cURL2 = "http://www.jd.com/";
    return cURL1 + "@" + cURL2;
}
var cc = c();
var arr = cc.split("@");//把带有返回值的函数，切割成数组，用数组的[]语法来获得不同参数值。
console.log(arr[0]);

更改后的函数变为：

function buildUrl(){
    jw = "&name=sss";
    with(a,b,c){
        var cc = c();
        var arr = cc.split("@");
        var url = a.href + b.qs + arr[1];
    }
    return url;
}

上一篇：一线大厂面试真题！浏览器是怎么解析 js 代码的下一篇：函数声明和函数表达式中 var 关键字的使用

评论

最新文章

热门笔记

可以直接扫码关注本站

易塔云建站：15811355317

微信扫一扫，添加好友