Различия

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

--- object [2023/07/29 15:25]
tro создано
+++ object [2023/12/12 18:35] (текущий)
tro [this - Обращение к контексту обекта]
@@ Строка 1: / Строка 1: @@
-**object**
+====== Обявление обекта======
 <code>
 let myObject={
@@ Строка 6: / Строка 6: @@
     c: 'ssfd'
 }
+</code>
+[[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 = {...person1} - но если внутр біли тоже обекті - то ссілки сохраняться
+  - const myCity2 = **JSON.parse**(**JSON.stringify**(myCity1)) - полностью создает копию
+====== Разделение обекта на составние свойства ======
+**...**
+<code>
+const userProfile ={
+    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>