Различия

Показаны различия между двумя версиями страницы.

--- object [2023/07/29 16:09]
tro
+++ object [2023/12/12 18:35] (текущий)
tro [this - Обращение к контексту обекта]
@@ Строка 9: / Строка 9: @@
 [[https://wiki.1chostingcloud.com/doku.php?id=objavlenie_obekta|https://wiki.1chostingcloud.com/doku.php?id=objavlenie_obekta]]
 ====== Добавление значения в обьекте======
+Присваивание значения новому свойству
+<code>
 myObject.svoistvo1 = 'vsfdv'
+</code>
+Назначение значения свойствам из переменних
+<code>
+const name = 'tro'
+const postq = 40
+const userProfile ={
+    name,
+    postq,
+    myNewParam: true
+}
+</code>
 ====== Удаление значения в обьекте======
+**delete**
 <code>
 delete myObject.svoistvo1				- Удаление в обїекте peremenna свойтва svoistvo1
 </code>
 ====== Копирование обьекта ======
-  - const person2 = Object.assign({}, person) - но если внутри били тоже обекти - то ссилки сохраняться
+  - const person2 = Object.**assign**({}, person) - но если внутри били тоже обекти - то ссилки сохраняться
   - const person2 = {...person1} - но если внутр біли тоже обекті - то ссілки сохраняться
-  - const myCity2 = JSON.parse(JSON.stringify(myCity1)) - полностью создает копию
+  - const myCity2 = **JSON.parse**(**JSON.stringify**(myCity1)) - полностью создает копию
 ====== Разделение обекта на составние свойства ======
+**...**
 <code>
-... - перед имнем обьекта разделяет обьект на его войства
+const userProfile ={
-let a = ...myObject
+    name,
+    postq,
+    myNewParam: true
+}
+const param2 = {...userProfile}
+</code>
+====== this - Обращение к контексту обекта ======
+**this**
+Звжди повертає контекст ТІЛЬКИ того обїекта з котрого викликається незалежно від вкладенностей, ланцюжків виклику і т.д.
+<code>
+const person2 = {
+  name: "Brian",
+  greeting: function () {
+    alert("Hi! I'm " + this.name + ".");
+  },
 </code>
+**Крок 1**
+Це стрілочна функція?
+Якщо відповідь Так, значення this те саме, що у this у зовнішній області видимості (батьківский обїект)
+Якщо відповідь Ні, переходь на Крок 2
+**Крок 2**
+Чи використовуються методи call, apply або bind?
+Якщо відповідь Так, значення this — це той самий об’єкт, що передали при їх виклику (батьківський обїект)
+Якщо відповідь Ні, переходь на Крок 3
+**Крок 3**
+Функція викликається як метод об’єкта object.method?
+Якщо відповідь Так, значення this — це об’єкт ліворуч від крапки
+Якщо відповідь Ні, переходь на Крок 4
+**Крок 4**
+  * якщо у строгому режимі - значення this повертає "undefined"
+  * якщо не у строгому - значення this повертає  "window" (браузер)
+====== Перелік усіх властивостей обїекту ======
+Повертає як масив
+<code>
+let Mymas = Object.keys(myObject)
+</code>
+====== Перелік усіх значень обїекту ======
+Повертає як масив
+<code>
+let Mymas = Object.values(myObject)
+</code>