René's URL Explorer Experiment


Title: Введение в объекты JavaScript - Изучение веб-разработки | MDN

Open Graph Title: Введение в объекты JavaScript - Изучение веб-разработки | MDN

Description: В JavaScript большинство сущностей являются объектами, начиная с самой основной функциональности JavaScript, такой как строки (strings) и массивы (array), и заканчивая встроенными в браузер API. Вы можете даже создавать свои собственные объекты, чтобы инкапсулировать связанные между собой функции и переменные в эффективные пакеты и действовать как удобные хранилища данных. Понимание объектно-ориентированной природы JavaScript очень важно, если вы хотите продолжить дальнейшее более углублённое изучение языка. Поэтому мы предоставляем вам данный модуль, чтобы помочь вам разобраться в этом. Здесь мы детально обучим вас теории и синтаксису объектов, а затем рассмотрим, как создавать свои собственные объекты.

Open Graph Description: В JavaScript большинство сущностей являются объектами, начиная с самой основной функциональности JavaScript, такой как строки (strings) и массивы (array), и заканчивая встроенными в браузер API. Вы можете даже создавать свои собственные объекты, чтобы инкапсулировать связанные между собой функции и переменные в эффективные пакеты и действовать как удобные хранилища данных. Понимание объектно-ориентированной природы JavaScript очень важно, если вы хотите продолжить дальнейшее более углублённое изучение языка. Поэтому мы предоставляем вам данный модуль, чтобы помочь вам разобраться в этом. Здесь мы детально обучим вас теории и синтаксису объектов, а затем рассмотрим, как создавать свои собственные объекты.

Opengraph URL: https://developer.mozilla.org/ru/docs/Learn_web_development/Extensions/Advanced_JavaScript_objects

direct link

Domain: developer.mozilla.org

og:localeru
og:imagehttps://developer.mozilla.org/mdn-social-share.d893525a4fb5fb1f67a2.png
og:image:typeimage/png
og:image:height1080
og:image:width1920
og:image:altThe MDN Web Docs logo, featuring a blue accent color, displayed on a solid black background.
og:site_nameMDN Web Docs
twitter:cardsummary_large_image
twitter:creatorMozDevNet
position3

Links:

Skip to main contenthttps://developer.mozilla.org/ru/docs/Learn_web_development/Extensions/Advanced_JavaScript_objects#content
Skip to searchhttps://developer.mozilla.org/ru/docs/Learn_web_development/Extensions/Advanced_JavaScript_objects#search
MDN https://developer.mozilla.org/ru/
HTML: Markup languagehttps://developer.mozilla.org/ru/docs/Web/HTML
Elementshttps://developer.mozilla.org/ru/docs/Web/HTML/Reference/Elements
Global attributeshttps://developer.mozilla.org/ru/docs/Web/HTML/Reference/Global_attributes
Attributeshttps://developer.mozilla.org/ru/docs/Web/HTML/Reference/Attributes
See all…https://developer.mozilla.org/ru/docs/Web/HTML/Reference
Responsive imageshttps://developer.mozilla.org/ru/docs/Web/HTML/Guides/Responsive_images
HTML cheatsheethttps://developer.mozilla.org/en-US/docs/Web/HTML/Guides/Cheatsheet
Date & time formatshttps://developer.mozilla.org/en-US/docs/Web/HTML/Guides/Date_and_time_formats
See all…https://developer.mozilla.org/en-US/docs/Web/HTML/Guides
SVGhttps://developer.mozilla.org/ru/docs/Web/SVG
MathMLhttps://developer.mozilla.org/ru/docs/Web/MathML
XMLhttps://developer.mozilla.org/ru/docs/Web/XML
CSS: Styling languagehttps://developer.mozilla.org/ru/docs/Web/CSS
Propertieshttps://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties
Selectorshttps://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors
At-ruleshttps://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules
Valueshttps://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values
See all…https://developer.mozilla.org/ru/docs/Web/CSS/Reference
Box modelhttps://developer.mozilla.org/ru/docs/Web/CSS/Guides/Box_model/Introduction
Animationshttps://developer.mozilla.org/ru/docs/Web/CSS/Guides/Animations/Using
Flexboxhttps://developer.mozilla.org/ru/docs/Web/CSS/Guides/Flexible_box_layout/Basic_concepts
Colorshttps://developer.mozilla.org/ru/docs/Web/CSS/Guides/Colors/Applying_color
See all…https://developer.mozilla.org/en-US/docs/Web/CSS/Guides
Column layoutshttps://developer.mozilla.org/en-US/docs/Web/CSS/How_to/Layout_cookbook/Column_layouts
Centering an elementhttps://developer.mozilla.org/en-US/docs/Web/CSS/How_to/Layout_cookbook/Center_an_element
Card componenthttps://developer.mozilla.org/en-US/docs/Web/CSS/How_to/Layout_cookbook/Card
See all…https://developer.mozilla.org/ru/docs/Web/CSS/How_to/Layout_cookbook
JavaScript: Scripting languagehttps://developer.mozilla.org/ru/docs/Web/JavaScript
Standard built-in objectshttps://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects
Expressions & operatorshttps://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Operators
Statements & declarationshttps://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Statements
Functionshttps://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Functions
See all…https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference
Control flow & error handinghttps://developer.mozilla.org/ru/docs/Web/JavaScript/Guide/Control_flow_and_error_handling
Loops and iterationhttps://developer.mozilla.org/ru/docs/Web/JavaScript/Guide/Loops_and_iteration
Working with objectshttps://developer.mozilla.org/ru/docs/Web/JavaScript/Guide/Working_with_objects
Using classeshttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Using_classes
See all…https://developer.mozilla.org/ru/docs/Web/JavaScript/Guide
Web APIs: Programming interfaceshttps://developer.mozilla.org/ru/docs/Web/API
File system APIhttps://developer.mozilla.org/ru/docs/Web/API/File_System_API
Fetch APIhttps://developer.mozilla.org/ru/docs/Web/API/Fetch_API
Geolocation APIhttps://developer.mozilla.org/ru/docs/Web/API/Geolocation_API
HTML DOM APIhttps://developer.mozilla.org/en-US/docs/Web/API/HTML_DOM_API
Push APIhttps://developer.mozilla.org/ru/docs/Web/API/Push_API
Service worker APIhttps://developer.mozilla.org/ru/docs/Web/API/Service_Worker_API
See all…https://developer.mozilla.org/ru/docs/Web/API
Using the Web animation APIhttps://developer.mozilla.org/ru/docs/Web/API/Web_Animations_API/Using_the_Web_Animations_API
Using the Fetch APIhttps://developer.mozilla.org/ru/docs/Web/API/Fetch_API/Using_Fetch
Working with the History APIhttps://developer.mozilla.org/ru/docs/Web/API/History_API/Working_with_the_History_API
Using the Web speech APIhttps://developer.mozilla.org/ru/docs/Web/API/Web_Speech_API/Using_the_Web_Speech_API
Using web workershttps://developer.mozilla.org/ru/docs/Web/API/Web_Workers_API/Using_web_workers
All web technologyhttps://developer.mozilla.org/ru/docs/Web
Accessibilityhttps://developer.mozilla.org/ru/docs/Web/Accessibility
HTTPhttps://developer.mozilla.org/ru/docs/Web/HTTP
URIhttps://developer.mozilla.org/ru/docs/Web/URI
Web extensionshttps://developer.mozilla.org/ru/docs/Mozilla/Add-ons/WebExtensions
WebAssemblyhttps://developer.mozilla.org/ru/docs/WebAssembly
WebDriverhttps://developer.mozilla.org/en-US/docs/Web/WebDriver
See all…https://developer.mozilla.org/ru/docs/Web
Mediahttps://developer.mozilla.org/en-US/docs/Web/Media
Performancehttps://developer.mozilla.org/ru/docs/Web/Performance
Privacyhttps://developer.mozilla.org/en-US/docs/Web/Privacy
Securityhttps://developer.mozilla.org/ru/docs/Web/Security
Progressive web appshttps://developer.mozilla.org/ru/docs/Web/Progressive_web_apps
Learn web developmenthttps://developer.mozilla.org/ru/docs/Learn_web_development
Getting started moduleshttps://developer.mozilla.org/en-US/docs/Learn_web_development/Getting_started
Core moduleshttps://developer.mozilla.org/en-US/docs/Learn_web_development/Core
MDN Curriculumhttps://developer.mozilla.org/en-US/curriculum/
Structuring content with HTML modulehttps://developer.mozilla.org/ru/docs/Learn_web_development/Core/Structuring_content
CSS styling basics modulehttps://developer.mozilla.org/ru/docs/Learn_web_development/Core/Styling_basics
CSS layout modulehttps://developer.mozilla.org/ru/docs/Learn_web_development/Core/CSS_layout
Dynamic scripting with JavaScript modulehttps://developer.mozilla.org/ru/docs/Learn_web_development/Core/Scripting
Playgroundhttps://developer.mozilla.org/en-US/play
HTTP Observatoryhttps://developer.mozilla.org/en-US/observatory
Border-image generatorhttps://developer.mozilla.org/ru/docs/Web/CSS/CSS_backgrounds_and_borders/Border-image_generator
Border-radius generatorhttps://developer.mozilla.org/ru/docs/Web/CSS/CSS_backgrounds_and_borders/Border-radius_generator
Box-shadow generatorhttps://developer.mozilla.org/ru/docs/Web/CSS/CSS_backgrounds_and_borders/Box-shadow_generator
Color format converterhttps://developer.mozilla.org/ru/docs/Web/CSS/CSS_colors/Color_format_converter
Color mixerhttps://developer.mozilla.org/en-US/docs/Web/CSS/CSS_colors/Color_mixer
Shape generatorhttps://developer.mozilla.org/en-US/docs/Web/CSS/CSS_shapes/Shape_generator
About MDNhttps://developer.mozilla.org/en-US/about
Advertise with ushttps://developer.mozilla.org/en-US/advertising
Communityhttps://developer.mozilla.org/en-US/community
MDN on GitHubhttps://github.com/mdn
Bloghttps://developer.mozilla.org/en-US/blog/
Изучение веб-разработкиhttps://developer.mozilla.org/ru/docs/Learn_web_development
Extension moduleshttps://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions
Введение в объекты JavaScripthttps://developer.mozilla.org/ru/docs/Learn_web_development/Extensions/Advanced_JavaScript_objects
https://github.com/orgs/mdn/discussions/739
https://developer.mozilla.org/de/docs/Learn_web_development/Extensions/Advanced_JavaScript_objects
https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Advanced_JavaScript_objects
https://developer.mozilla.org/es/docs/Learn_web_development/Extensions/Advanced_JavaScript_objects
https://developer.mozilla.org/fr/docs/Learn_web_development/Extensions/Advanced_JavaScript_objects
https://developer.mozilla.org/ja/docs/Learn_web_development/Extensions/Advanced_JavaScript_objects
https://developer.mozilla.org/ko/docs/Learn_web_development/Extensions/Advanced_JavaScript_objects
https://developer.mozilla.org/pt-BR/docs/Learn_web_development/Extensions/Advanced_JavaScript_objects
https://developer.mozilla.org/ru/docs/Learn_web_development/Extensions/Advanced_JavaScript_objects
https://developer.mozilla.org/zh-CN/docs/Learn_web_development/Extensions/Advanced_JavaScript_objects
https://developer.mozilla.org/zh-TW/docs/Learn_web_development/Extensions/Advanced_JavaScript_objects
Learn more and join the MDN Web Docs community.https://developer.mozilla.org/en-US/docs/MDN/Community/Contributing/Translated_content#active_locales
https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Advanced_JavaScript_objects
Необходимые знанияhttps://developer.mozilla.org/ru/docs/Learn_web_development/Extensions/Advanced_JavaScript_objects#необходимые_знания
Руководстваhttps://developer.mozilla.org/ru/docs/Learn_web_development/Extensions/Advanced_JavaScript_objects#руководства
Заданияhttps://developer.mozilla.org/ru/docs/Learn_web_development/Extensions/Advanced_JavaScript_objects#задания
Необходимые знанияhttps://developer.mozilla.org/ru/docs/Learn_web_development/Extensions/Advanced_JavaScript_objects#необходимые_знания
Введение в HTMLhttps://developer.mozilla.org/ru/docs/conflicting/Learn_web_development/Core/Structuring_content
Введение в CSShttps://developer.mozilla.org/ru/docs/conflicting/Learn_web_development/Core/Styling_basics
Первые шаги в JavaScripthttps://developer.mozilla.org/ru/docs/conflicting/Learn_web_development/Core/Scripting
Структурные элементы в JavaScripthttps://developer.mozilla.org/ru/docs/Learn_web_development/Core/Scripting
JSBinhttps://jsbin.com/
Glitchhttps://glitch.com/
Руководстваhttps://developer.mozilla.org/ru/docs/Learn_web_development/Extensions/Advanced_JavaScript_objects#руководства
Объектно-ориентированный JavaScript для начинающихhttps://developer.mozilla.org/ru/docs/Learn_web_development/Extensions/Advanced_JavaScript_objects/Classes_in_JavaScript
Прототипы объектовhttps://developer.mozilla.org/ru/docs/Learn_web_development/Extensions/Advanced_JavaScript_objects/Object_prototypes
Наследование в JavaScripthttps://developer.mozilla.org/ru/docs/Learn_web_development/Extensions/Advanced_JavaScript_objects/Classes_in_JavaScript
Работа с JSON-даннымиhttps://developer.mozilla.org/ru/docs/Learn_web_development/Core/Scripting/JSON
Практика построения объектовhttps://developer.mozilla.org/ru/docs/Learn_web_development/Extensions/Advanced_JavaScript_objects/Object_building_practice
Заданияhttps://developer.mozilla.org/ru/docs/Learn_web_development/Extensions/Advanced_JavaScript_objects#задания
Добавление функциональности к демо с прыгающими шарикамиhttps://developer.mozilla.org/ru/docs/Learn_web_development/Extensions/Advanced_JavaScript_objects/Adding_bouncing_balls_features
Learn how to contributehttps://developer.mozilla.org/ru/docs/MDN/Community/Getting_started
MDN contributorshttps://developer.mozilla.org/ru/docs/Learn_web_development/Extensions/Advanced_JavaScript_objects/contributors.txt
View this page on GitHubhttps://github.com/mdn/translated-content/blob/main/files/ru/learn_web_development/extensions/advanced_javascript_objects/index.md?plain=1
Report a problem with this contenthttps://github.com/mdn/translated-content/issues/new?template=page-report-ru.yml&mdn-url=https%3A%2F%2Fdeveloper.mozilla.org%2Fru%2Fdocs%2FLearn_web_development%2FExtensions%2FAdvanced_JavaScript_objects&metadata=%3C%21--+Do+not+make+changes+below+this+line+--%3E%0A%3Cdetails%3E%0A%3Csummary%3EPage+report+details%3C%2Fsummary%3E%0A%0A*+Folder%3A+%60ru%2Flearn_web_development%2Fextensions%2Fadvanced_javascript_objects%60%0A*+MDN+URL%3A+https%3A%2F%2Fdeveloper.mozilla.org%2Fru%2Fdocs%2FLearn_web_development%2FExtensions%2FAdvanced_JavaScript_objects%0A*+GitHub+URL%3A+https%3A%2F%2Fgithub.com%2Fmdn%2Ftranslated-content%2Fblob%2Fmain%2Ffiles%2Fru%2Flearn_web_development%2Fextensions%2Fadvanced_javascript_objects%2Findex.md%0A*+Last+commit%3A+https%3A%2F%2Fgithub.com%2Fmdn%2Ftranslated-content%2Fcommit%2F994e450a04f85c5fb236dffdfcbab96c01df4565%0A*+Document+last+modified%3A+2025-03-24T21%3A40%3A51.000Z%0A%0A%3C%2Fdetails%3E
Изучение веб-разработкиhttps://developer.mozilla.org/ru/docs/Learn_web_development
MDN curriculumhttps://developer.mozilla.org/en-US/curriculum/
Getting started moduleshttps://developer.mozilla.org/ru/docs/Learn_web_development/Getting_started
Environment setuphttps://developer.mozilla.org/en-US/docs/Learn_web_development/Getting_started/Environment_setup
Установка базового программного обеспеченияhttps://developer.mozilla.org/ru/docs/Learn_web_development/Getting_started/Environment_setup/Installing_software
Веб-страницы, веб-сайты, веб серверы и поисковикиhttps://developer.mozilla.org/ru/docs/Learn_web_development/Getting_started/Environment_setup/Browsing_the_web
Code editorshttps://developer.mozilla.org/en-US/docs/Learn_web_development/Getting_started/Environment_setup/Code_editors
Работа с файламиhttps://developer.mozilla.org/ru/docs/Learn_web_development/Getting_started/Environment_setup/Dealing_with_files
Command linehttps://developer.mozilla.org/en-US/docs/Learn_web_development/Getting_started/Environment_setup/Command_line
Your first websitehttps://developer.mozilla.org/ru/docs/Learn_web_development/Getting_started/Your_first_website
Каким должен быть ваш веб-сайт?https://developer.mozilla.org/ru/docs/Learn_web_development/Getting_started/Your_first_website/What_will_your_website_look_like
Основы HTMLhttps://developer.mozilla.org/ru/docs/Learn_web_development/Getting_started/Your_first_website/Creating_the_content
Основы CSShttps://developer.mozilla.org/ru/docs/Learn_web_development/Getting_started/Your_first_website/Styling_the_content
Основы JavaScripthttps://developer.mozilla.org/ru/docs/Learn_web_development/Getting_started/Your_first_website/Adding_interactivity
Публикация вашего веб-сайтаhttps://developer.mozilla.org/ru/docs/Learn_web_development/Getting_started/Your_first_website/Publishing_your_website
Web standardshttps://developer.mozilla.org/en-US/docs/Learn_web_development/Getting_started/Web_standards
Как работает Вебhttps://developer.mozilla.org/ru/docs/Learn_web_development/Getting_started/Web_standards/How_the_web_works
Всемирная сеть (веб) и веб-стандартыhttps://developer.mozilla.org/ru/docs/Learn_web_development/Getting_started/Web_standards/The_web_standards_model
How browsers load websiteshttps://developer.mozilla.org/en-US/docs/Learn_web_development/Getting_started/Web_standards/How_browsers_load_websites
Soft skillshttps://developer.mozilla.org/ru/docs/Learn_web_development/Getting_started/Soft_skills
Research and learninghttps://developer.mozilla.org/en-US/docs/Learn_web_development/Getting_started/Soft_skills/Research_and_learning
Collaboration and teamworkhttps://developer.mozilla.org/en-US/docs/Learn_web_development/Getting_started/Soft_skills/Collaboration_and_teamwork
Workflows and processeshttps://developer.mozilla.org/en-US/docs/Learn_web_development/Getting_started/Soft_skills/Workflows_and_processes
Finding a jobhttps://developer.mozilla.org/en-US/docs/Learn_web_development/Getting_started/Soft_skills/Finding_a_job
Core moduleshttps://developer.mozilla.org/en-US/docs/Learn_web_development/Core
Structuring content with HTMLhttps://developer.mozilla.org/ru/docs/Learn_web_development/Core/Structuring_content
Начало работы с HTMLhttps://developer.mozilla.org/ru/docs/Learn_web_development/Core/Structuring_content/Basic_HTML_syntax
Что внутри "head"? Метаданные в HTMLhttps://developer.mozilla.org/ru/docs/Learn_web_development/Core/Structuring_content/Webpage_metadata
Основы редактирования текста в HTMLhttps://developer.mozilla.org/ru/docs/Learn_web_development/Core/Structuring_content/Headings_and_paragraphs
Emphasis and importancehttps://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Structuring_content/Emphasis_and_importance
Listshttps://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Structuring_content/Lists
Test: HTML text basicshttps://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Structuring_content/Test_your_skills/HTML_text_basics
Продвинутое форматирование текстаhttps://developer.mozilla.org/ru/docs/Learn_web_development/Core/Structuring_content/Advanced_text_features
Test: Advanced HTML texthttps://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Structuring_content/Test_your_skills/Advanced_HTML_text
Разметка письмаhttps://developer.mozilla.org/ru/docs/Learn_web_development/Core/Structuring_content/Marking_up_a_letter
Структура документа и веб-сайтаhttps://developer.mozilla.org/ru/docs/Learn_web_development/Core/Structuring_content/Structuring_documents
Создание гиперссылокhttps://developer.mozilla.org/ru/docs/Learn_web_development/Core/Structuring_content/Creating_links
Test: Linkshttps://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Structuring_content/Test_your_skills/Links
Структурируем страницуhttps://developer.mozilla.org/ru/docs/Learn_web_development/Core/Structuring_content/Structuring_a_page_of_content
Изображения в HTMLhttps://developer.mozilla.org/ru/docs/Learn_web_development/Core/Structuring_content/HTML_images
Проверьте свои знания: Изображения в HTMLhttps://developer.mozilla.org/ru/docs/Learn_web_development/Core/Structuring_content/Test_your_skills/Images
Видео и аудио контентhttps://developer.mozilla.org/ru/docs/Learn_web_development/Core/Structuring_content/HTML_video_and_audio
Test: Audio and videohttps://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Structuring_content/Test_your_skills/Audio_and_video
Страница о Mozillahttps://developer.mozilla.org/ru/docs/Learn_web_development/Core/Structuring_content/Splash_page
HTML таблицы основыhttps://developer.mozilla.org/ru/docs/Learn_web_development/Core/Structuring_content/HTML_table_basics
HTML таблицы продвинутые возможности и доступностьhttps://developer.mozilla.org/ru/docs/Learn_web_development/Core/Structuring_content/Table_accessibility
Аттестация: Структурирование данных о планетахhttps://developer.mozilla.org/ru/docs/Learn_web_development/Core/Structuring_content/Planet_data_table
Forms and buttonshttps://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Structuring_content/HTML_forms
Test: Forms and buttonshttps://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Structuring_content/Test_your_skills/Forms_and_buttons
Challenge: Feedback formhttps://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Structuring_content/Forms_challenge
Отладка HTMLhttps://developer.mozilla.org/ru/docs/Learn_web_development/Core/Structuring_content/Debugging_HTML
Test: HTML tests indexhttps://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Structuring_content/Test_your_skills
Добавление векторной графики в веб-документhttps://developer.mozilla.org/ru/docs/Learn_web_development/Core/Structuring_content/Including_vector_graphics_in_HTML
От к