-
Notifications
You must be signed in to change notification settings - Fork 16
object literal
Собственные свойства
|
Перечислимые свойства
|
|---|
| ⏬ |
|---|
В литеральной нотации объект описывается внутри блока фигурных скобок:
☕
var figure = {
type: "Окружность",
size: 100,
color: "red"
}Все эти свойства доступны извне:
console.log ( figure.type )
console.log ( figure.size )
console.log ( figure.color )или так:
console.log ( figure [ "type" ] )
console.log ( figure [ "size" ] )
console.log ( figure [ "color" ] )| Хотя всегда есть ☕ способ это обойти 😉 |
|---|
Собственные свойства инкапсулированы в экземпляре
Например, экземпляр figure выступает в роли "капсюлы", в которой свойства type, size и color отделены от таких же свойств других экземпляров
Можно создать объект figure2 с таким же набором свойств, но с другими значениями этих свойств:
☕
var figure2 = {
type: "Треугольник",
size: 150,
color: "blue"
}У экземпляров figure и figure2 одинаковый набор свойств ( имена свойств совпадают )
Однако значения этих свойств в каждом экземпляре отличаются
Итак, собственные свойства экземпляра - это свойства, инкапсюлированные в этом экземпляре
( свойства type, size и color являются собственными свойствами экземпляров figure и figure2 потому, что их значения локализованы внутри "капсюлы" под именем экземпляра )
figure.type // "Окружность"
figure2.type // "Треугольник"Перечислимые свойства экземпляра - это свойства, которые итерируются оператором цикла for...in
⚠️ По умолчанию свойства нативных объектов, создаваемых в процессе выполнения кода, являются перечислимыми⚠️ Свойства встроенных нативных объектов являются неперечислимыми
for ( var x in figure )
console.log ( x )В консоль будут выведены
type
size
color📝 Итак, с помощью литерала объекта можно создать публичные собственные перечислимые свойства экземпляра
Очевидно, у каждого из этих терминов есть антоним, т.е. должны существовать приватные, несобственные и неперечислимые свойства
- Приватные свойства можно создать с помощью конструктора
- Несобственные свойства - это унаследованные свойства
- Что касается создания неперечислимых свойств - мы еще вернемся к этой теме далее
© Irina H.Fylyppova 2018
Использование данных материалов или любой их части коммерческими школами ( курсами ) является нарушением авторских прав
| 1 | 2 | 3 | 4 | 5 |
| 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 |
| ⏬ |
|---|
- Блок-схема алгоритма
- Developer Tools
- Chrome DevTools
- Переменные
- Оператор typeof
- Структуры данных
- Операторы присваивания
- Логические выражения
- Условные операторы
- Инкремент
- Свойство length
- Оператор цикла for
- UTF-8
Homework
- Приведение типов
- NaN | null | Infinity
- BigInt (ES10)
- Функции
- Методы
- Методы строк
- Методы массивов
- Date ()
Самостоятельная работа
Практика (XSS)
Homework
- Циклы while и do...while
- Циклы for...of и for...in
- Параметры по умолчанию
- Объект function
Практика
Homework
- Нативные и host-объекты
- Литерал объекта
- Унаследованные свойства
- Конструктор
- Модель наследования
- Публичные и приватные свойства
- Оператор in
1
Homework
- Итерирующие методы массивов
- Тестирование производительности
- SHA
Homework
- Размеры и прокрутка элемента
- Event Loop
- async | await
- API
- REST | HATEOAS
- status codes
JSON placeholder-
JSON server
fake chat
Homework
- strict mode
- Вычисляемые имена свойств
- Краткий синтаксис методов
- Краткий литерал объекта
- Классы
Homework
- :not(:defined)
- Shadow DOM
- Custom elements
- Lifecycle hooks
- whenDefined
- <template>
- slot
1
2
3
Homework
- npm
- webpack
Упражнение 1- ES6 модули
Упражнение 2- --mode | --watch
Упражнение 3
Упражнение 4
Упражнение 5
Упражнение 6
Упражнение 7
Упражнение 8
Homework
| ⏫ |
|---|

Дополнительно
Справочная инфо
Git Bush
TCP/IP
Коды символов