“与”是什么意思？用 JavaScript 做什么？

Question

我看到以 with 开头的 JavaScript 代码。这有点令人困惑。它有什么作用以及如何正确使用？

with (sObj) return options[selectedIndex].value;

Answer 1

它增加了块中包含的语句的范围：

return sObj.options[selectedIndex].value;

可以成为：

with (sObj)
    return options[selectedIndex].value;

在您的情况下，它并没有做很多事情...但请考虑以下事项：

var a, x, y;
var r = 10;
a = Math.PI * r * r;
x = r * Math.cos(PI);
y = r * Math.sin(PI /2);

成为：

var a, x, y;
var r = 10;
with (Math) {
  a = PI * r * r;
  x = r * cos(PI);
  y = r * sin(PI / 2);
}

...节省了几次击键。 Mozilla 文档实际上做得很好，更详细地解释了一些事情（以及使用它的优点和缺点）：

with - Mozilla 开发者中心

Answer 2

with 语句是纯粹的语法糖，但它也会导致一些令人讨厌的错误。

请参阅声明有害进行说明：

如果您无法阅读程序并确信自己知道它要做什么，那么您就无法确信它会正常工作。因此，应避免使用 with 语句。

Answer 3

在 with 块中，您不必输入：

sObj.options[selectedIndex].value

但您可以使用：

options[selectedIndex].value

Answer 4

它相当于

return sObj.options[selectedIndex].value;

With，允许您在特定对象的上下文中发出语句块。因此，with 块中的所有语句都被视为括号中对象的成员。

这有时可以使代码更具可读性，但是它也可能导致歧义，因为变量引用可以是 sObj 也可以是全局的。

javascript“with”语句的合法使用< /强>：D

Answer 5

由于性能问题，我建议不要使用它，但上面的意思是：

对于对象 sObj （这里可能是一个 select 元素），在此对象上引用的所有子项和属性（或在以下卷曲之间）大括号）将其视为其父范围。

Answer 6

您的示例可以重写为...

return sObj.options[selectedIndex].value;

...因为“with”语句将所有相关语句置于所提供对象的范围内。在这种情况下，这是毫无意义的，但是，如果您在“sObj”上执行大量操作，那么它可以节省大量输入。

完全虚构的例子..

with (sObj) 
{
   if(options[selectedIndex].value < 10){
       options[selectedIndex].value++;
       total+ = options[selectedIndex].value;
   }
}

但是，话虽如此，通常情况下可以通过更好的方式来实现节省打字。

Answer 7

它不是一个函数（正如问题标题在编辑之前所指出的那样）而是一个语句。如果代码示例的格式如下，可能会更有意义：

with (sObj){
    return options[selectedIndex].value;
}

关于它的作用 (源)

with 语句为一组语句建立默认对象。 JavaScript 查找语句集中的任何非限定名称，以确定这些名称是否是默认对象的属性。如果非限定名称与属性匹配，则在语句中使用该属性；否则，使用局部或全局变量。

这意味着在代码示例中，首先检查 options 是否是 sObj 的属性。如果是，则 options 引用 sObj.options，否则它会检查由名称 options 定义的变量的其他作用域

。 with 语句的缺点是，仅看代码是不可能知道访问了什么内容的。还有其他更好的替代方案，如这篇文章< /a>

Answer 8

它给你和他人带来痛苦