JavaScript中width的用法 — 第4.2.1节

flyingpig2016

于 2016-10-22 21:55:16 发布

阅读量996

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript高级程序设计解读 javascript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/flyingpig2016/article/details/52895239

javascript 同时被 2 个专栏收录

49 篇文章

订阅专栏

javascript高级程序设计解读

31 篇文章

订阅专栏

本文深入解析JavaScript中的with语句，介绍其如何通过扩展作用域链来临时增加变量对象，并通过实例展示其使用方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

with的用法

with的意义

虽然你肯了解，with的用法，但是你也许看了这个才明白它的意义：
1.JavaScript的执行环境理性总共有两种——全局和局部，但是还有其他的方法来延长作用域链。
2.这么说吧，with语句可以再作用域链的前端临时增加一个变量对象，该变量对象会在代码执行后被移除。
3.这样的语句有两种：with 和 try-catch.
现在我们来看看width语句的实例吧：

var obj1 = {name:'bangbang',age:18};
function buildUrl() {
    var endUrl = 'yanniu';
    with(obj1) {
        var allName = name + ' and ' + endUrl + '年龄都为：' + age;
    }
    console.log(allName)
}
buildUrl(); //bangbang and yanniu年龄都为：18

解释一下啊：width语句接收到的是obj2对象，因此，它的变量对象中就包含了obj2的所有属性和方法，也就是说width(obj2){ } 里面的内容等价于：

    function withss(){
    var obj2 = {name:'bangbang',age:18};
    var allName = obj2.name + ' and ' + endUrl + '年龄都为：' + obj2.age;
    }();

看了以上的分析，width的用法明白了吧！
必须了自己敲一遍才能明白！