Это мощный язык, используемый с 1995 года, чтобы изменить то, как мы используем Интернет. Эта статья также может быть доступна вам с помощью javascript (например, нажав на статью). Javascript позволяет нам использовать API, сторонние API и многие фреймворки.
JavaScript — одна из самых популярных современных веб-технологий!
Чтобы запустить javascript, вам нужно создать имя файла с расширением .js (например, main.js в папке скриптов) и добавить его в свой 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
Строка:let myVariable = ‘Simran; Это последовательность текста, известная как строка. Чтобы обозначить, что значение является строкой, заключите его в одинарные кавычки.
Число : myVariable = 10; Это число. Цифры не заключаются в кавычки.
Boolean:let myVariable = true; Это значение True/False. Слова true и false — это специальные ключевые слова, которые не нуждаются в кавычках.
Массив:let myVariable = [1,’Simranjeet’,’Heer’,10]; Это структура, позволяющая хранить несколько значений в одной ссылке. Обратитесь к каждому члену массива следующим образом: myVariable[0], myVariable[1] и т. д.
Объект: пусть myVariable = document.querySelector(‘h1’); Это может быть что угодно. Все в JavaScript является объектом и может храниться в переменной.
"Комментарии"
Существует два типа комментариев:
- Одна строка (без разрывов строк)
// This is a single line comment in javascript
- Многострочный комментарий (с разрывами строк)
/* Line 1 Multi-line comment Line 2 Multi-line comment */
Операторы
Оператор Объяснение Символ(ы)
- Дополнение
Сложите два числа вместе или объедините две строки.
6 + 9; «Привет» + «мир!»;
2. Вычитание, умножение, деление
Они делают то, что вы ожидаете от них в базовой математике.
9–3;8*2; // умножить в JS — это звездочка9/3;
3. Назначение
Присваивает значение переменной.
пусть myVariable = 'Боб';
4. Строгое равенство
Это выполняет тест, чтобы увидеть, равны ли два значения. Он возвращает истинный/ложный (логический) результат.
пусть мояПеременная = 3;мояПеременная === 4;
Не, не равно
Это возвращает логически противоположное значение тому, что ему предшествует. Он превращает истину в ложь и т. д. Когда он используется вместе с оператором равенства, оператор отрицания проверяет, не равны ли два значения.
Для «Нет» базовое выражение истинно, но сравнение возвращает ложь, потому что мы отрицаем его: пусть myVariable = 3;!(myVariable === 3);
«Не равно» дает в основном тот же результат с другим синтаксисом. Здесь мы проверяем, «является ли myVariable НЕ равным 3». Это возвращает false, потому что myVariable IS равен 3:
пусть мояПеременная = 3;мояПеременная !== 3;
Вы можете узнать больше об этом здесь:
Выражения и операторы — JavaScript | МДН
Условные
Условные операторы управляют поведением в 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"))();
События
Обработчики событий необходимы для реальной интерактивности веб-сайта. Это структуры кода, которые отслеживают активность браузера и выполняют код в ответ. Самый очевидный пример — обработка события щелчка, которое генерируется браузером, когда вы используете мышь, чтобы щелкнуть что-либо.
document.querySelector("html").addEventListener("click", function () {
alert("Hellooo, this is the result of you click");
});
Общие события:
onchangeЭлемент HTML был изменен
onclickПользователь щелкает элемент HTML
onmouseover Пользователь наводит указатель мыши элемент HTML onmouseout Пользователь отводит мышь от элемента HTML onkeydown Пользователь нажимает клавишу клавиатуры
onload Браузер закончил загрузку страницы
Есть много прослушивателей событий. Вы можете взглянуть на
В основах вы немного узнали о переменных, операторах, условных выражениях, функциях и событиях. Спасибо за чтение
