Объекты в JavaScript, их свойства и методы

Содержание

Слайд 2

Пример

Объекты создаются с помощью фигурных скобок { }, внутри которых пишутся элементы

Пример Объекты создаются с помощью фигурных скобок { }, внутри которых пишутся
этого объекта в формате ключ: значение.

Слайд 3

Объекты

Объект может быть создан с помощью фигурных скобок {…} с необязательным списком

Объекты Объект может быть создан с помощью фигурных скобок {…} с необязательным
свойств. Свойство – это пара «ключ: значение», где ключ – это строка (также называемая «именем свойства»), а значение может быть чем угодно.

Слайд 4

Создание объекта

Обычно используют вариант с фигурными скобками {...}. Такое объявление называют литералом

Создание объекта Обычно используют вариант с фигурными скобками {...}. Такое объявление называют
объекта или литеральной нотацией.

Для обращения к свойствам используется запись «через точку»

Слайд 5

Delete

Значение может быть любого типа. Давайте добавим свойство с логическим значением:

Для удаления

Delete Значение может быть любого типа. Давайте добавим свойство с логическим значением:
свойства мы можем использовать оператор delete:

Слайд 6

Имя свойства

Имя свойства может состоять из нескольких слов, но тогда оно должно

Имя свойства Имя свойства может состоять из нескольких слов, но тогда оно
быть заключено в кавычки:

Для свойств, имена которых состоят из нескольких слов, доступ к значению «через точку» не работает:

Слайд 7

Объект, объявленный как константа, может быть изменён

Дело в том, что объявление const

Объект, объявленный как константа, может быть изменён Дело в том, что объявление
защищает от изменений только саму переменную user, а не её содержимое.
Определение const выдаст ошибку только если мы присвоим переменной другое значение: user=....

Слайд 8

Пример

Пример

Слайд 9

Пример

Мы можем использовать квадратные скобки в литеральной нотации для создания вычисляемого свойства.

Пример Мы можем использовать квадратные скобки в литеральной нотации для создания вычисляемого свойства.

Слайд 10

Свойство из переменной

Свойство из переменной

Слайд 11

Ограничения на имена свойств

нет никаких ограничений к именам свойств. Они могут быть

Ограничения на имена свойств нет никаких ограничений к именам свойств. Они могут
в виде строк или символов

Слайд 12

Проверка существования свойства, оператор «in»

Синтаксис оператора:

Проверка существования свойства, оператор «in» Синтаксис оператора:

Слайд 13

Цикл «for…in»

Для перебора всех свойств объекта используется цикл for..in. Этот цикл отличается

Цикл «for…in» Для перебора всех свойств объекта используется цикл for..in. Этот цикл
от изученного ранее цикла for(;;).

выведем все свойства объекта user:

Слайд 14

Копирование объектов

Одним из фундаментальных отличий объектов от примитивных типов данных является то,

Копирование объектов Одним из фундаментальных отличий объектов от примитивных типов данных является
что они хранятся и копируются «по ссылке».

В результате мы имеем две независимые переменные, каждая из которых хранит строку "Привет!".

Объекты ведут себя иначе.

Слайд 15

Копирование обьектов

Переменная хранит не сам объект, а его «адрес в памяти», другими

Копирование обьектов Переменная хранит не сам объект, а его «адрес в памяти»,
словами «ссылку» на него.

Сам объект хранится где-то в памяти. А в переменной user лежит «ссылка» на эту область памяти.

Слайд 16

Копирование обьектов

Когда переменная объекта копируется – копируется ссылка, сам же объект не

Копирование обьектов Когда переменная объекта копируется – копируется ссылка, сам же объект
дублируется.

Теперь у нас есть две переменные, каждая из которых содержит ссылку на один и тот же объект:

Слайд 17

Пример

Пример

Слайд 18

Клонирование и объединение объектов

если нам всё же нужно дублировать объект? Создать независимую

Клонирование и объединение объектов если нам всё же нужно дублировать объект? Создать
копию, клон?
нужно создавать новый объект и повторять структуру дублируемого объекта, перебирая его свойства и копируя их

Слайд 19

Object.assign.

Object.assign.

Слайд 20

Если принимающий объект (user) уже имеет свойство с таким именем, оно будет

Если принимающий объект (user) уже имеет свойство с таким именем, оно будет перезаписано
перезаписано

Слайд 21

Ключевое слово «this» в методах

Значение this – это объект «перед точкой», который

Ключевое слово «this» в методах Значение this – это объект «перед точкой»,
использовался для вызова метода.

во время выполнения кода user.sayHi() значением this будет являться user (ссылка на объект user).

Слайд 22

Значение this вычисляется во время выполнения кода и зависит от контекста.

Значение this вычисляется во время выполнения кода и зависит от контекста.

Слайд 23

Типизация массивов и объектов в JavaScript

посмотрим, что выведет оператор typeof для объекта

Типизация массивов и объектов в JavaScript посмотрим, что выведет оператор typeof для
и массива

ело в том, что на самом деле в JavaScript нет отдельного типа данных для массивов - каждый массив представляет собой частный случай объекта.

Слайд 24

Задача

определите, что выведется на экран в консоль:
console.log( typeof {a: 1, b: 2,

Задача определите, что выведется на экран в консоль: console.log( typeof {a: 1,
c: 3} );

Слайд 25

Задача

Не запуская код, определите, что выведется на экран в консоль:
console.log( typeof [1,

Задача Не запуская код, определите, что выведется на экран в консоль: console.log(
2, 3] );

Слайд 26

Не запуская код, определите, что выведется на экран в консоль:
let arr =

Не запуская код, определите, что выведется на экран в консоль: let arr
[1, 2, 3];
console.log( typeof arr );

Слайд 27

Работа с объектом Date в JavaScript

Объект с датой создается :
запишем созданный объект

Работа с объектом Date в JavaScript Объект с датой создается : запишем созданный объект в переменную
в переменную
Имя файла: Объекты-в-JavaScript,-их-свойства-и-методы.pptx
Количество просмотров: 67
Количество скачиваний: 4