Това е мощен език, използван от 1995 г., за да промени начина, по който използваме мрежата. Тази статия може също да бъде достъпна за вас чрез javascript (напр.: щракване върху статията). Javascript ни позволява да използваме API, API на трети страни и много рамки

JavaScript е една от най-популярните съвременни уеб технологии!

За да стартирате javascript, трябва да създадете име на файл с разширение .js (например main.js в папката scripts) и да го добавите към вашия HTML точно преди да затворите маркера body ЗАБЕЛЕЖКА: елементът [<script>](<https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script>) е близо до дъното на HTML файл е, че браузърът чете кода в реда, в който се появява във файла.

<script src="scripts/main.js"></script>

Основен изход за здравей свят

В main.js

// the hello world 
document.write('Hello, World!');

document.write() се използва, когато искате да отпечатате съдържанието в HTML документ.

Променливи в javascript

Низ:нека myVariable = ‘Simran; Това е поредица от текст, известна като низ. За да обозначите, че стойността е низ, оградете я в единични кавички.

Число : myVariable = 10; Това е число. Числата нямат кавички около тях.

Булев:нека myVariable = true; Това е стойност True/False. Думите true и false са специални ключови думи, които не се нуждаят от кавички.

Масив:нека myVariable = [1,’Simranjeet’,’Heer’,10]; Това е структура, която ви позволява да съхранявате множество стойности в една препратка. Обърнете се към всеки член на масива по следния начин: myVariable[0], myVariable[1] и т.н.

Обект: нека myVariable = document.querySelector(‘h1’); Това може да бъде всичко. Всичко в JavaScript е обект и може да се съхранява в променлива.

Коментари

Има два вида коментари:

  1. Единичен ред (без прекъсвания на редове)
// This is a single line comment in javascript
  1. Многоредов коментар (с прекъсвания на редове)
/*
Line 1 Multi-line comment 
Line 2 Multi-line comment 
*/

Оператори

Оператор Обяснение Символ(и)

  1. Допълнение

Добавете две числа заедно или комбинирайте два низа.

6 + 9; „Здравей“ + „свят!“;

2. Изваждане, умножение, деление

Те правят това, което бихте очаквали да направят в основната математика.

9–3;8 * 2; // умножаването в JS е звездичка9 / 3;

3. Заданието

Присвоява стойност на променлива.

нека myVariable = ‘Боб’;

4. Строго равенството

Това извършва тест, за да види дали две стойности са равни. Връща верен/неверен (булев) резултат.

нека myVariable = 3;myVariable === 4;

Не, не е равно

Това връща логически противоположната стойност на това, което предхожда. Той превръща true в false и т.н. Когато се използва заедно с оператора за равенство, операторът за отрицание тества дали две стойности не са равни.

За „Не“ основният израз е верен, но сравнението връща false, защото го отричаме: let myVariable = 3;!(myVariable === 3);

„Does-not-equal“ дава основно същия резултат с различен синтаксис. Тук тестваме „myVariable НЕ е ли равно на 3“. Това връща false, защото myVariable Е равно на 3:

нека myVariable = 3;myVariable !== 3;

Можете да научите повече за това тук:

Изрази и оператори — JavaScript | MDN

Условни изрази

Условните изрази контролират поведението в JavaScript и определят дали части от код могат да се изпълняват или не. Има условия като if,if..else. ако.. иначе ако ..друго.

if (10 > 5) {
      var outcome = "if block";
}
outcome;
// OUTPUT
"if block"

Функции

Функциите са код за многократна употреба. Функцията е част от код, която може да бъде извикана от друг код или сама по себе си, или може да бъде посочена от променлива. Когато извикате функция, аргументите й се предоставят като вход и функцията може по избор да върне стойност. В JavaScript функцията също е обект.

function multiply(num1, num2) {
  let result = num1 * num2;
  return result;
}
multiply(10, 7);
multiply(2, 20);
multiply(0.5, 3);

Различни типове функции:

  • Анонимна функция : Функция без име. Разрешени са само анонимни функционални изрази; декларациите на функциите трябва да имат име.
function () {}
//Anonymous with arrow
()=>{};
  • Наименована функция : Функция без име. Разрешени са само анонимни функционални изрази; декларациите на функциите трябва да имат име
function hello() {}
const hello = () => {}
  • Вътрешна функция: Функция в рамките на функция е вътрешна функция.
function addSquares(a, b) {
  function square(x) {
    return x * x;
  }
  return square(a) + square(b);
}
// Arrow function
const addSquares2 = (a, b) => {
  const square = (x) => x * x;
  return square(a) + square(b);
};
  • Рекурсивна функция: Функция, която извиква сама себе си
function loop(x) {
  if (x >= 10) return;
  loop(x + 1);
}
// Arrow function
const loop2 = (x) => {
  if (x >= 10) return;
  loop(x + 1);
}
  • Незабавно извиквани функционални изрази: Това е функция, която се извиква директно, след като функцията се зареди в компилатора на браузъра. Начинът за идентифициране на IIFE е чрез локализиране на допълнителната лява и дясна скоба в края на дефиницията на функцията. Трябва да е израз
(function foo() {
  console.log("Hello User");
})();
(function food() {
  console.log("Hello! Have great day ");
})();
(() => console.log("hello! You are the best learner"))();

събития

За истинска интерактивност на уебсайта са необходими манипулатори на събития. Това са кодови структури, които наблюдават активността на браузъра и изпълняват код в отговор. Най-очевидният пример е обработката на събитието click, което се генерира от браузъра, когато използвате мишката, за да щракнете върху нещо.

document.querySelector("html").addEventListener("click", function () {
  alert("Hellooo, this is the result of you click");
});

Често срещани събития:

onchangeHTML елемент е променен
onclickПотребителят кликва върху HTML елемент
onmouseover Потребителят премества мишката HTML елемент onmouseout Потребителят премества мишката от HTML елемент onkeydown Потребителят натиска клавиш на клавиатурата
onload Браузърът има завърши зареждането на страницата

Има много слушатели на събития. Можете да разгледате

HTML DOM обект на събитие

В основите научихте малко за променливите, условните оператори за коментари, функциите и събитията. Благодаря ви, че прочетохте