Концепции 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 цепочки.

Руководство для начинающих по веб-разработке на React.js
Руководство для начинающих по веб-разработке на React.js

21.03.2023 12:23

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

Разница между Angular и React
Разница между Angular и React

21.03.2023 07:56

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

Инструменты для веб-скрапинга с открытым исходным кодом: Python Developer Toolkit
Инструменты для веб-скрапинга с открытым исходным кодом: Python Developer Toolkit

20.03.2023 14:01

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

Калькулятор CGPA 12 для семестра
Калькулятор CGPA 12 для семестра

20.03.2023 12:24

Чтобы запустить этот код и рассчитать CGPA, необходимо сохранить код как HTML-файл, а затем открыть его в веб-браузере. Для этого выполните следующие действия:

ONLBest Online HTML CSS JAVASCRIPT Training In INDIA 2023
ONLBest Online HTML CSS JAVASCRIPT Training In INDIA 2023

20.03.2023 11:15

О тренинге HTML JavaScript :HTML (язык гипертекстовой разметки) и CSS (каскадные таблицы стилей) - две основные технологии для создания веб-страниц. HTML обеспечивает структуру страницы CSS (визуальное и звуковое) оформление для различных устройств. Наряду с графикой и сценариями HTML и CSS являются...

Как собрать/развернуть часть вашего приложения Angular
Как собрать/развернуть часть вашего приложения Angular

20.03.2023 08:46

Вам когда-нибудь требовалось собрать/развернуть только часть вашего приложения Angular или, возможно, скрыть некоторые маршруты в определенных средах?