TechnoFunnel przedstawia kolejny artykuł, który koncentruje się na zrozumieniu koncepcji tworzenia obiektów przy użyciu Object.create. W artykule omówiono zalety i wady używania „Object.create” do klonowania obiektów. Przyjrzyjmy się szczegółom tej funkcji.

Co to jest Object.create?

Object.create może służyć do tworzenia nowego obiektu z istniejącego obiektu. Kiedy tworzymy Object za pomocą Object.create, tworzony jest pusty obiekt, a obiekt __proto__ jest mapowany na kopiowany obiekt. Kiedy właściwość __proto__ jest mapowana na obiekt do sklonowania, tworzy strukturę łańcuchową, dzięki czemu właściwości i funkcje Starego obiektu są dostępne dla nowo utworzonego obiektu. Zobaczmy, co następuje na przykładzie.

W powyższym przykładzie widzimy, że próbujemy utworzyć nowy obiekt przy użyciu Object.create. Prosty obiekt „userDetails” jest przekazywany do tej samej funkcji. Poszukajmy debugera w celu wyszukania struktury Object nowego obiektu, który jest tworzony na podstawie tego wykonania.

W powyższym wykonaniu możemy zauważyć, że „newUserObject” wskazuje na pusty obiekt, który zawiera wewnętrzną właściwość „__proto__”, która jest mapowana na obiekt „userDetails”, który jest przekazywany jako parametr do „Object.create”.

Spróbujmy uzyskać dostęp do właściwości obiektu userDetails przy użyciu nowego obiektu utworzonego za pomocą tej funkcji.

Nowo utworzony obiekt nie ma żadnych właściwości, ale __proto__ zawierający odniesienie do obiektu oryginalnego zapewnia nam dostęp do tych właściwości za pośrednictwem koncepcji łączenia prototypów.

Zalety korzystania z Object.create

• Tworzenie obiektu za pomocą Object.create nie przypisuje żadnej nowej lokalizacji w pamięci dla skopiowanego obiektu. Po prostu dodaje obiekt do prototypowego łańcucha obiektu, zapewniając nam możliwość ponownego wykorzystania danych i metod.

1. Nowo utworzony obiekt nie tworzy oddzielnej właściwości. Modyfikacja właściwości z obiektu źródłowego, modyfikuje również dane dostępne dla nowego obiektu.

Istnieje wiele metod klonowania obiektu, staramy się opisać każdą metodę w szczegółach w naszej serii artykułów:

Klonowanie obiektów przy użyciu JSON.stringify.

Sklonuj obiekt JavaScript za pomocą JSON.stringify

Śledź nas po więcej takich artykułów: