为什么在 JavaScript 中使用“with”关键字？ [复制]

Question

可能重复：
Are there legitimate uses for JavaScript’s “with” statement?

我最近发现在 JavaScript 中，可以执行以下操作：

with (document) {
    write('foo');
    body.scrollTop = x;
}

这样做的缺点是需要检查每个变量是否属于文档对象，从而产生很大的开销。

或者，可以这样做：

var d = document;
d.write('foo');
d.body.scrollTop = x;

在哪些情况下使用'with'关键字是合理的？

Answer 1

只是不要使用它： http://yuiblog.com/blog/2006/04/11/with-statement-considered-harmful/

JavaScript 的with 语句旨在为编写对对象的重复访问提供简写。所以不要写

ooo.eee.oo.ah_ah.ting.tang.walla.walla.bing = true;
ooo.eee.oo.ah_ah.ting.tang.walla.walla.bang = true;

你可以写

with (ooo.eee.oo.ah_ah.ting.tang.walla.walla) {
    bing = true;
    bang = true;
}

这样看起来好多了。除了一件事。您无法通过查看 bing 和 bang 将被修改的代码来判断。 ooo.eee.oo.ah_ah.ting.tang.walla.walla 会被修改吗？或者全局变量bing 和bang 会被破坏吗？不可能确定...

如果您无法阅读程序并确信您知道它会做什么，那么您就无法确信它会正确运行。因此，应避免使用with 语句...

Answer 2

尽管几乎到处都有相反的建议，但我认为“with”是有用途的。例如，我正在为 Javascript 开发一个域模型框架，它使用下划线字符的方式与 jQuery 使用“$”的方式非常相似。这意味着如果没有“with”，我的代码中有很多下划线分散在代码中，从而降低了可读性。这是使用该框架的应用程序中的随机行：

_.People().sort(_.score(_.isa(_.Parent)),'Surname','Forename');

而“with”看起来像

with (_) {
    ...

    People().sort(score(isa(Parent)),'Surname','Forename');

    ...
}

真正有用的是只读版本的“with”。

Answer 3

我会避免在生产代码中使用它，因为它不明确，但是对于 for-loop-closure 解决方案有另一种解决方案，即使用 with 模仿 let 绑定，这是我之前回答的副本：

在 for 循环中使用函数的标准闭包解决方案的替代方案：

<a  href="#">blah</a><br>
<a  href="#">blah</a><br>
<a  href="#">foo</a><br>
<script>
    (function() {
    var anchors = document.getElementsByTagName('a');
        for ( var i = anchors.length; i--; ) {
            var link = anchors[i];
            with ({ number: i }) {
                link.onclick = function() {
                    alert(number);
                };
            }
        }
    })();
</script>

感谢nlogax 提供的解决方案，我几乎抄袭了： Javascript infamous Loop issue?

这是标准解决方案：

<script>
    (function() {
    var anchors = document.getElementsByTagName('a');
    for ( var i = anchors.length; i--; ) {
        var link = anchors[i];
        (function(i) {
            link.onclick = function() {
                alert(i)
            }
        })(i);
    }
    })();
</script>