JavaScript with

章节索引 :

 

 

JavaScript with

with 语句就可以扩展一个语句的作用域链。——MDN

 

with 可以指定代码块的作用域，特别是在访问对象成员时，它使得代码非常简洁。

 

1. 基本语法

with (表达式) {

  代码块;

}

代码块

预览

复制

表达式通常会直接给定一个对象。

 

var person = {

  name: '小明',

  age: 666,

  major: 'english',

};

 

with (person) {

  console.log(name); // 输出："小明"

  console.log(age); // 输出：666

  console.log(major); // 输出："english"

}

代码块

预览

复制

可以看到，with 代码块内输出的变量，实际上是 person 对象的属性。

 

在 with 语句中，访问变量会先去看这个变量是不是在给定的对象中作为属性存在，如果存在，则取对象中属性的值，否则继续往上层找。

 

2. 不推荐使用 with

尽管 with 很方便，但 with 会造成诸多的问题。

 

2.1 造成语义不明

先看这段代码：

 </