Концепции JavaScript, которые вы должны знать как JS программист!

RedDeveloper
17.03.2022 17:48
Концепции JavaScript, которые вы должны знать как JS программист!

JavaScript (Js) - это язык программирования, объединяющий HTML и CSS с одной из основных технологий Всемирной паутины. Более 97% веб-сайтов используют JavaScript для поведения веб-страниц, часто включая библиотеки сторонних разработчиков.

По умолчанию программы на JavaScript выполняются в один поток. Хотя существуют способы создания новых потоков, JavaScript по-прежнему считается однопоточным языком.

Javascript не ждет завершения операции ввода-вывода и вместо этого выполняет программу. Это называется неблокирующим вводом/выводом.

JavaScript разработан для того, чтобы добавить "жизнь веб-страницам". Как и HTML и CSS, JavaScript записывается в обычных текстовых файлах с расширением .js.

Сейчас мы узнаем больше о javascript. Мы надеемся поговорить в рамках пяти основных разделов. Эти разделы следующие.

1. Классы, объект и прототип
2. Ключевое слово 'this'
3. Строгая нотация
4. Закрытие функции
5. Обратные вызовы и обещания

1. Классы, объект и прототип

Классы в Javascript появились в версии ES6. Класс - это план для объекта. Вы можете создать объект на основе класса.

Вы можете представить себе класс как эскиз (прототип) дома. Он содержит все детали, такие как полы, двери, окна и т.д. Постройте свой дом на основе этих деталей. Дом - это объект.

Класс может быть определен с помощью объявления класса. Ключевое слово class используется для выражения класса с определенным именем. Имена классов всегда начинаются с заглавной буквы в соответствии с соглашениями javascript об именах.

Например.

<script>
//Объявление класса
Class Employee
{
//заявления
}
<script>

Как создать объект из javascript.

1. Создавайте объекты, используя литеральный синтаксис
2. Создание объектов с помощью ключевого слова new
3. Использование object.create() для создания нового объекта
4. Использование object.assign() для создания нового объекта
5. Использование классов ES6 для создания объекта
прототип
прототип

JavaScript является языком прототипов, поэтому когда мы создаем функцию с помощью Javascript, движок Javascript добавляет прототип к функции, прототип - это, по сути, объект, в который мы можем добавить свойства прототипа. Объект-прототип позволяет всем другим объектам наследовать эти методы и свойства.

2. Ключевое слово 'this

ключевое слово this в javascript
ключевое слово this в javascript

Ключевое слово "this" - это объект, выполняющий текущую часть кода, который ссылается на сам объект.

Понимание "this" необходимо для понимания более продвинутых концепций Javascript или для чтения и написания кода Javascript.

Значение хранилища 'This' - это текущий контекст выполнения программы Javascript. При использовании в функции, значение ''this'' меняется в зависимости от того, как определена функция, как она выполняется, и контекста выполнения по умолчанию.

При использовании в функции это ключевое слово просто ссылается на объект, которому оно принадлежит. Оно отвечает на вопрос, где взять какое-либо значение или данные.

Давайте посмотрим, как это работает,

1. Привязка по умолчанию

Function example() {
Console.info(this.name + "является моим другом");
}
Const name="Джанака";
Example();

2. Неявное связывание

Function example() {
Console.info(this.name + "является моим другом");
}
Const myobject = {
Возраст : 22,
Отображение: пример
}
Myobject.example();

3. Явное связывание

Function example() {
Console.info(this.name + "является моим другом");
}
Const myobject = {
Name: 'kamal'
}
Example.call(myobject);

4. Вызов конструктора Привязка

Function example(name) {
This.name= name;
}
Const myob = new example(22);
Console.log(myobj.name);

3. Строгая нотация

4 Вызов конструктора Привязка

Строгая версия JavaScript, представленная в ECMAScript 5, является ограниченным вариантом JavaScript. Строгий режим - это не просто подмножество: он намеренно имеет интерпретацию, отличную от обычного кода.

Цель строгой кодировки - облегчить написание безопасных программ на JavaScript. Цель "strict" - указать, что код должен выполняться в "строгом режиме". Строгая нотация - это ограниченный режим JavaScript.

4. Закрытие функции в Javascript

В JavaScript закрытие - это функция, которая направляет переменные из своей внутренней области видимости во внешнюю область видимости. Замыкание защищает внешнюю область видимости в пределах своей внутренней области видимости.

В JavaScript закрытие - это функция которая направляет переменные из своей внутренней

В JavaScript каждый раз, когда создаются замыкания, создается функция, когда наступает время создания функции.

Используется для инкапсуляции переменных в функцию при закрытии Javascript и ограничения внешнего доступа к ним.

5) Обратный вызов и обещания в javascript

Используется для инкапсуляции переменных в функцию при закрытии Javascript и ограничения

Обещания объектов JavaScript, представляющие завершение или неудачу в конце асинхронной операции. Вы можете получить результат, выполняя асинхронные операции с помощью доступа по отзыву или обещаний. Но между ними есть некоторые незначительные различия.

По сути, обещание - это объект, который дает обратный вызов вместо того, чтобы посылать вызов задаче.

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

Цепочка обещаний чрезвычайно полезна, когда нам нужно реализовать цепочку синхронизации. Вся работа, связанная с цепочкой, может быть начата только после завершения предыдущей задачи, контролируемой .then s цепочки.

Стоит ли изучать PHP в 2023-2024 годах?
Стоит ли изучать PHP в 2023-2024 годах?

20.08.2023 18:21

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в 2023-2024 годах? Или это полная лажа?".

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

20.08.2023 17:46

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox

19.08.2023 18:39

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в частности, магию поплавков и гибкость flexbox.

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

19.08.2023 17:22

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для чтения благодаря своей простоте. Кроме того, мы всегда хотим проверить самые последние возможности в наших проектах!

Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️

18.08.2023 20:33

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий их языку и культуре.

Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL

14.08.2023 14:49

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип предназначен для представления неделимого значения.