75 lines
2.7 KiB
Markdown
75 lines
2.7 KiB
Markdown
|
---
|
|||
|
|
title: With
|
|||
|
|
localeTitle: С
|
|||
|
|
---
|
|||
|
|
## С
|
|||
|
|
|
|||
|
|
Оператор JavaScript `with` выражением является сокращенным способом редактирования нескольких свойств на одном объекте. Большинство разработчиков отговорить использование `with` , и вы лучше не использовать это ключевое слово.
|
|||
|
|
|
|||
|
|
**Примечание** : `"strict mode"` запрещает использование `with` .
|
|||
|
|
|
|||
|
|
### Синтаксис
|
|||
|
|
|
|||
|
|
```syntax
|
|||
|
|
with (expression)
|
|||
|
|
statement
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
### Пример использования
|
|||
|
|
|
|||
|
|
В JavaScript вы можете индивидуально изменять свойства объекта, как показано ниже:
|
|||
|
|
|
|||
|
|
```javascript
|
|||
|
|
let earth = {};
|
|||
|
|
earth.moons = 1;
|
|||
|
|
earth.continents = 7;
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
`with` дает вам стенографию для изменения свойств объекта:
|
|||
|
|
|
|||
|
|
```javascript
|
|||
|
|
with (earth) {
|
|||
|
|
moons = 1;
|
|||
|
|
continents = 7;
|
|||
|
|
}
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
Хотя этот пример надуман, вы можете понять примеры использования `with` большим количеством, если у вас есть более крупные объекты, например:
|
|||
|
|
|
|||
|
|
```javascript
|
|||
|
|
earth.continents.australia.geography.ocean = "Pacific";
|
|||
|
|
earth.continents.australia.geography.river = "Murray";
|
|||
|
|
earth.continents.australia.geography.mountain = "Kosciuszko";
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
### альтернативы
|
|||
|
|
|
|||
|
|
Вы не должны использовать `with` , как это имеет тонкие ошибки и проблемы совместимости. Очень рекомендуемый подход - назначить объект переменной, а затем изменить свойства переменной. Вот пример использования более крупного объекта:
|
|||
|
|
|
|||
|
|
```javascript
|
|||
|
|
let earth = {
|
|||
|
|
continents: {
|
|||
|
|
australia: {
|
|||
|
|
geography: {}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
let geo = earth.continents.australia.geography;
|
|||
|
|
|
|||
|
|
geo.ocean = "Pacific";
|
|||
|
|
geo.river = "Murray";
|
|||
|
|
geo.mountain = "Kosciuszko";
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
### Попробовать
|
|||
|
|
|
|||
|
|
https://repl.it/Mixg/5
|
|||
|
|
|
|||
|
|
#### Дополнительная информация:
|
|||
|
|
|
|||
|
|
[https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/with](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/with)
|
|||
|
|
|
|||
|
|
[https://yuiblog.com/blog/2006/04/11/with-statement-considered-harmful/](https://yuiblog.com/blog/2006/04/11/with-statement-considered-harmful/)
|
|||
|
|
|
|||
|
|
[http://2ality.com/2011/06/with-statement.html](http://2ality.com/2011/06/with-statement.html)
|