Часть Основы JavaScript

Часть Основы JavaScript — 1

JavaScript повсюду. Изучение JavaScript было бы отличным навыком в резюме. Сегодня JavaScript используется во фронтенд-разработке (React.js, Vue.js, Angular.js), веб-сервере (Node.js), нативных мобильных приложениях (React Native, Iconic.js), нативном настольном приложении (Electron).

Чтобы начать работу с JavaScript, вы можете щелкнуть правой кнопкой мыши в браузере, затем выбрать «Проверить» и нажать «Консоль», чтобы написать код на JavaScript. Это хороший способ начать.

Первая программа на JavaScript

Обычно в сообществе программистов первой программой на любом языке является hello world.

alert("Hello World!!!");

Попробуйте написать приведенный выше код в консоли.

Переменные и значения

Переменная — это контейнер, в котором хранятся данные. В JavaScript есть 3 переменные.

вар
позволять
константа

var variable_name = value;
let variable_name = value;
const variable_name = value;

Обычно мы используем let и const. почему мы не используем var мы обсудим в следующих статьях.

Правила объявления переменной в JavaScript

Имена переменных в JavaScript чувствительны к регистру. Итак, имена переменных msg, MSG, Msg, mSg считаются отдельными переменными.
Имена переменных могут содержать буквы, цифры или символы $ и _.
Имя переменной не может начинаться с цифры 0–9.
Имя переменной не может быть зарезервированным ключевым словом в JavaScript, например. var, function, return не могут быть именами переменных.

позволять

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

let roll_no = 12;
let book= "Atomic Habit";
book= "ikigai";
//Printing Variable Value
console.log(roll_no)
console.log(book)

Как только переменная объявлена с помощью let, мы можем переназначить значение.

константа

Когда мы объявляем переменную с помощью const, ее значение не может быть изменено.

const num = 12;
console.log(num);  // Printing variable
num =21;  // This will give error

Когда использовать let и const?

Если вы считаете, что значение переменной может измениться, используйте let.
Если вы считаете, что значение переменной нельзя изменить, используйте const.

Типы данных

В JavaScript есть 2 типа данных.

Примитивный
Объект

Типы данных, не являющиеся объектами, в JavaScript примитивны.

Примитивный

В JavaScript существует 7 типов примитивных типов данных.

Число: числа с плавающей запятой. Используется для десятичных и целых чисел.
Строка: последовательность символов, используемая для текста.
Boolean: логический тип, который может быть только истинным или ложным. Используется для принятия решений.
Undefined: значение, принимаемое переменной, которая еще не определена («пустое значение»).
Null: также означает «пустое значение».
Символ (ES2015): уникальное значение, которое нельзя изменить [пока бесполезно].
BigInt (ES2020): целые числа большего размера, чем может содержать числовой тип.

let num = 20;
console.log(num);
let language= "JavaScrip";
console.log(language);
let login = true;
console.log(login);
let empty;
console.log(empty);

Вы также можете найти тип данных, используя typeof.

let num = 1001;
console.log(typeof num);  // Output = Number

Объекты

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

const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

Доступ к значениям объекта

const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
console.log(person.firstName);
console.log(person["firstName"])

Операторы

Арифметические операторы

Описание оператора

Дополнение (+)
Вычитание (-)
Умножение (*)
Возведение в степень (ES2016) (**)
Разделение (/)
Модуль (остаток деления) (%)

// Addition
console.log(5 + 5); // 10
//Subtraction
console.log(18 - 9); // 9
//Multiplication
console.log(5 * 9); // 45
//Exponentiation 
console.log(5 ** 2); // 25
//Division 
console.log(10 / 5); // 2
//Modulus 
console.log(10 % 5); // 0

Когда мы используем + со строкой и строкой или строкой и числом, выполняется конкатенация

console.log("Kedar" + 10); // kedar10

Литералы шаблонов

Шаблонные литералы используют обратные кавычки (``), а не кавычки (“”) для определения строки.
С литералами шаблонов вы можете использовать как одинарные, так и двойные кавычки внутри строки.
Литерал шаблона позволяет использовать многострочные строки.

let str = `JavaScript`;
let paragraph = ` Lorem Ipsum
but also the leap into electronic 
typesetting, remaining essentially 
unchanged.`;

Подстановки переменных: литералы шаблонов позволяют использовать переменные в строках с использованием ${...}.

let firstName = `John`;
console.log(`First name is ${firstName}`)

Условные операторы

В JavaScript у нас есть следующие условные операторы:

Используйте if, чтобы указать блок кода, который будет выполняться, если заданное условие истинно.
Используйте else, чтобы указать блок кода, который будет выполняться, если то же условие ложно.
Используйте else if, чтобы указать новое условие для проверки, если первое условие ложно.
Используйте switch, чтобы указать множество альтернативных блоков кода для выполнения.

ПРИМЕР

let budget= 3000;
if(budget <= 5000){
  console.log("Train Prefered")
}
else if(budget == 6000){
  console.log("Car Prefered")
}
else{
  console.log("Flight Prefered")
}

выключатель

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

let day_Number = 3;
switch (day_Number ) {
  case 0:
    day = "Sunday";
    break;
  case 1:
    day = "Monday";
    break;
  case 2:
     day = "Tuesday";
    break;
  case 3:
    day = "Wednesday";
    break;
  case 4:
    day = "Thursday";
    break;
  case 5:
    day = "Friday";
    break;
  case 6:
    day = "Saturday";
}

Мы объявили day_Number 3. Таким образом, он напечатает регистр, соответствующий day_number. то есть — Wednesday

Преобразование типа

Переменные JavaScript можно преобразовать в новую переменную и другой тип данных.

Пример

Преобразование строк в числа

let str = "1324";
console.log(Number(str));

Преобразование чисел в строки

let num= 1324;
console.log(String(num));

Приведение типа

Приведение типов — это автоматическое или неявное преобразование значений из одного типа данных в другой. Например, преобразование строкового значения в эквивалентное числовое значение. Это также известно как преобразование типов.

Пример

console.log("5" + "5"); // 55

Когда мы используем +, он объединяет строки. Но когда мы используем - JavaScript, преобразуем строку в число и вычитаем, когда обе являются числовой строкой.

Пример

console.log("50" - "10"); // 40

Истинные и ложные значения

Ложные значения

Значения, которые после преобразования преобразуются в false, это Falsy Values.
В JavaScript есть только 5 значений Falsy
Неопределенный
Нэн
‘ ‘
0
нулевой

Пример

console.log(Boolean(0)); //false
console.log(Boolean(undefined)); //false
console.log(Boolean(Nan)); //false
console.log(Boolean('')); //false
console.log(Boolean(null)); //false

Истинные ценности

Значения, которые после преобразования преобразуются в истину, это Truthy Values.

Пример

console.log(Boolean('JavaScript')); //true
console.log(Boolean({})); //true

Часть Основы JavaScript — 1