Javascript уже много лет является наиболее используемым языком программирования.

Я изучаю Javascript, здесь я создал примерное описание важных тем, которые мы чаще всего применяли в общем коде JS. 10 основных концепций современного JavaScript:

1. Переменные:

Переменный означает все, что может варьироваться. JavaScript включает переменные, которые содержат значение данных, и его можно изменить в любое время. JavaScript использует зарезервированное ключевое слово var для объявления переменной. Переменная должна иметь уникальное имя. Мы можем присвоить значение переменной, используя оператор равенства (=), когда мы объявляем ее или перед ее использованием.

Пример: var = ‹имя-переменной›

var ‹имя-переменной› = ‹значение›;

Объявления переменных var имеют глобальную область видимости или функцию/локальную область видимости.

Одной из функций, появившихся в ES6, является добавление let и const, которые можно использовать для объявления переменных.

let теперь предпочтительнее для объявления переменных.

Переменные, объявленные с помощью const, сохраняют постоянные значения. Объявления const имеют некоторое сходство с объявлениями let.

Объявления var имеют глобальную область действия или область действия функции, а let и const — область действия блока.

2. Объекты:

Ядром JavaScript — наиболее часто используемым и наиболее фундаментальным — является тип данных Object. JavaScript имеет один сложный тип данных, тип данных Object, и пять простых типов данных: Number, String, Boolean, Undefined и Null. Обратите внимание, что эти простые (примитивные) типы данных являются неизменяемыми (не могут быть изменены), в то время как объекты являются изменяемыми (могут быть изменены).

var myFirstObject = {firstName: "Richard", favoriteAuthor: "Conrad"};

Список хранится парой имя-значение. Имена свойств в приведенном выше примере — firstName и любимый автор. И значения «Ричард» и «Конрад».

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

3. Условно:

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

В основном в JavaScript есть три типа условных операторов.

  1. Если заявление
  2. Если… иначе заявление
  3. Оператор If…Else If…Else

Инструкция If: оператор If может использоваться для проверки одного конкретного условия.

if (condition)
{
lines of code to be executed if condition is true
}

Инструкция If…Else: Операторы If….Else можно использовать, если нам нужно проверить два условия и выполнить другой набор кодов.

if (condition)
{
lines of code to be executed if the condition is true
}
else
{
lines of code to be executed if the condition is false
}

Инструкция If…Else If…Else: Операторы If….Else If….Else могут использоваться, если мы хотим проверить более двух условий.

if (condition1)
{
lines of code to be executed if condition1 is true
}
else if(condition2)
{
lines of code to be executed if condition2 is true
}
else
{
lines of code to be executed if condition1 is false and condition2 is false
}

4. Массивы:

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

Пример:
var name= ["Эни", "Дженни", "Лема", "Аника"];

// Создает массив из 4 неопределенных элементов
var name1 = new Array(4);

// Теперь присваиваем значения
house1[0] = «Эни»
house1[1] = «Дженни»
house1[2] = «Лема»
дом1[3] = «Аника»

// Сохранение числа, логического значения, строк в массиве
var зарплата= ["Ани", 25000, "Аника", 50000, "зарплата", правда];

5. Для цикла:

Цикл for — это наиболее компактная форма цикла. Он включает в себя следующие три важные части —

  • Инициализация цикла, где мы инициализируем наш счетчик начальным значением. Оператор инициализации выполняется до начала цикла.
  • Тестовый оператор, который проверяет, верно ли заданное условие. Если условие истинно, то код, заданный внутри цикла, будет выполнен, иначе управление выйдет из цикла.
  • оператор итерации, в котором вы можете увеличить или уменьшить значение счетчика.

для (оператор 1; оператор 2; оператор 3) {
блок кода, который нужно выполнить

Ex:

for(count = 0; count ‹ 10; count++) {
document.write('Текущий счетчик: ' + count );
document.write('‹br /›');

6. Функции:

Функция — это группа повторно используемого кода, которую можно вызывать в любом месте вашей программы. Это избавляет от необходимости писать один и тот же код снова и снова. Это помогает программистам в написании модульных кодов. Функции позволяют программисту разделить большую программу на несколько небольших и управляемых функций.

Прежде чем мы используем функцию, нам нужно определить ее. Самый распространенный способ определить функцию в JavaScript — использовать ключевое слово function, за которым следует уникальное имя функции, список параметров (который может быть пустым) и блок операторов, заключенный в фигурные скобки. .

function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}

Определить и вызвать функцию:

function ShowMessage() {
    alert("Hello World!");
}
ShowMessage();

Параметры функции. Функция может иметь один или несколько параметров, которые предоставляются вызывающим кодом и могут использоваться внутри функции. JavaScript — это язык сценариев динамического типа, поэтому параметр функции может иметь значение любого типа данных.

function ShowMessage(firstName, lastName) {
    alert("Hello " + firstName + " " + lastName);
}
ShowMessage("Steve", "Jobs");
ShowMessage("Bill", "Gates");
ShowMessage(100, 200);

Объект Arguments:Все функции в JavaScript могут использовать объект arguments по умолчанию. Объект arguments включает значение каждого параметра.

Объект arguments представляет собой массив, подобный объекту. Вы можете получить доступ к его значениям, используя индекс, аналогичный массиву. Однако он не поддерживает методы массива.

function ShowMessage(firstName, lastName) {
    alert("Hello " + arguments[0] + " " + arguments[1]);
}
ShowMessage("Steve", "Jobs"); 
ShowMessage("Bill", "Gates");
ShowMessage(100, 200);

Возвращаемое значение. Функция может возвращать ноль или одно значение, используя ключевое слово return.

function Sum(val1, val2) {
    return val1 + val2;
};
var result = Sum(10,20); // returns 30

7. Функции стрелки:

Стрелочные функции ES6 предоставляют альтернативный способ написания более короткого синтаксиса по сравнению с выражением функции.

В следующем примере определяется выражение функции, которое складывает два числа:

let add = function(x,y) {
  return x + y;
}
console.log(add(10,20)); // 30

В следующем примере используется функция стрелки, которая эквивалентна приведенному выше функциональному выражению add():

let add = (x,y) => x + y;
console.log(add(10,20)); // 30;

В этом примере функция стрелки имеет одно выражение x + y, поэтому она возвращает результат выражения.

8. Это:

этотобъект — это специальный объект, доступный в JavaScript. Мы можем видеть значение этого в каждой строке выполнения JavaScript. Значение этого параметра определяется на основе того, как выполняется код.

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

ex:

const myObj = {
name: 'Kuddus Ali' ,
getFullName: function(){
console.log(this);
return 'Mr.' + this.name;
}
}
myObj.getFullName();
const anotherObj = {
name: 'Biddut Ali'
}
anotherObj.getFullName = myObj.getFullName; // **left side value is the value for "this"**
console.log(anotherObj.getFullName);
myObj.getFullName();
anotherObj.getFullName();
// Prints true on console

9. Метод вызова, привязки, применения:

Поскольку функции в JavaScript являются объектами, их вызов управляется методами apply, call и bind.

call(): метод call() используется для вызова функции с заданным this и предоставленными ей аргументами по отдельности.

Пример: callApply:

const normalPerson = {

имя: ‘Рахим’,

фамилия: ‘Уддин’,

зарплата: 15000,

getFullname: function(){

console.log(this.firstName, this.lastName);

},

ChargeBill: function(amount) {

this.salary = this.salary — сумма;

вернуть эту.зарплату

}

}

normalPerson.chargeBill(150);

normalPerson.chargeBill(3000);

console.log(normalPerson.salary);

Bind:Разница между call() и bind() заключается в том, что установка ключевого слова this вызывает немедленное выполнение функции и не создает новую копию функции, в то время как band() создает копию этой функции и устанавливает ключевое слово this.

Применить ( ):Метод apply() похож на call(). Разница в том, что метод apply() принимает массив аргументов вместо значений, разделенных запятыми.

Пример: bindCallApply:

const normalPerson = {

firstName: 'Рахим',

фамилия: 'Уддин',

зарплата: 15000,

getFullname: function(){

console.log(this.firstName, this.lastName);

},

chargeBill: function(сумма, чаевые, налог) {

console.log(это);

this.salary = this.salary - сумма - чаевые - налог;

вернуть эту.зарплату

}

}

const heroPerson = {

firstName: 'Герой',

фамилия: 'Алам',

зарплата: 25000

}

const friendlyPerson = {

firstName: 'Герой',

фамилия: "Балам",

зарплата: 50000

}

10. Асинхронный JavaScript:

Синхронные операции в JavaScript предполагают, что каждый шаг операции ожидает полного выполнения предыдущего шага. С другой стороны, асинхронные операции откладывают операции.

Пример: асинхронное ожидание

асинхронная функция loadData(){

const response = await fetch(‘https://jsonplaceholder.typicode.com/users’);

постоянные данные = await response.json();

возвратить данные

}

loadData().then(data =› {

displayData(данные);

});

функция displayData(данные) {

const parentNode = document.getElementById('myList');

for (пусть i = 0; i ‹ data.length; i++) {

постоянный пользователь = данные[i];

const item = document.createElement(‘li’);

item.innerText = user.name;

parentNode.appendChild(item);

}

}

Спасибо