Боже Луиза! Изучение JavaScript в первый раз может быть информационной перегрузкой для многих людей, особенно для меня. Прежде чем присоединиться к моему учебному курсу по кодированию, я понял общую концепцию JavaScript, где вам нужно объявить функцию и заставить ее возвращать значение. Но есть так много, что входит в это.

Вот что я узнал до сих пор ..

Значения (данные):

Примитив:

Цифры — 1,2,3

Струны — «Привет», «Привет»

Булевы значения — истина, ложь

Не определено — пустое значение (позже может быть место для значения)

BigInt

Символ

Структурированный:

Объекты

Функции

Структурированный корневой примитив:

Null — значение не существует

Переменные:

let — Подходит для изменения значения

const — Подходит для сохранения того же значения

var — редкое использование

Пример:

let Cat = 'max'
// => undefined
Cat 
//=> "max"

Выражение: возвращает значение

1+1 = 2

Утверждение: не возвращает значение, больше похоже на набор инструкций.

let cat = 'felix'
//=> undefined
cat
//=> 'felix' 

const Food = 'burger'
Food 
//=> 'burger'

const Food = 'bread'
//=> Error

Переменные JavaScript

Инициализация переменных в JavaScript:

  1. Объявить переменную -> let или const
  2. Присвоить значение
let pi = 3.14;
pi;
//=> 3.14

Вы можете переназначить значение с помощью «let»

pi = 3;
pi;
//=> 3

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

let pi = 3.14;
//=> undefined
let pi = 'ratio';
//=> Uncaught Syntax Error

Вы не можете использовать «let» дважды, чтобы переназначить переменную.

Константа:

Должен быть вашим вариантом. Вы не можете переназначить свою переменную.

const pi = 3.14;
//=> undefined
pi = 2.7;
//=> Uncaught Syntax Error

Примечание: Let также хорошо использовать для циклов. Пример: 3, 2, 1, 0

Струны

Чтобы указать переменную со строкой, используйте «+»

const currentUser = 'Lexi';
const welcomeMessage = `Welcome to FB, ' + currentUser`;

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

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

Это строки, заключенные в обратные кавычки. Вы можете интерполировать значение переменной в строку, заключив ее в фигурные скобки, которым предшествует $ .

${ваша переменная}

  1. При использовании обратных кавычек он указывает JavaScript интерпретировать значение переменной.
  2. Вы можете использовать многострочные строки
  3. Вы можете использовать выражение в фигурной скобке
const myString = 'template literals'
const myNumber = 5;
const myBoolean = false;
`Saying ${myString} is ${90 + myNumber}% hard is ${myBoolean}.`
//=> Saying template literals is 100% hard is false.

Если вы хотите сделать свою строку прописной, используйте .toUpperCase()

const excitedWelcomeMessage = welcomeMessage.toUpperCase();

Если вы хотите использовать только первый символ переменной, вы можете использовать, например, для currentUser:

Обозначение в квадратных скобках — «Лекси» [0];

or

.charAt — «Лекси».charAt(0);

Если вы хотите извлечь части строки, используйте .slice().

Он принимает 2 аргумента, где начинается символ строки и перед тем, как он заканчивается. Он всегда начинается с 0.

Пример:

'Edsger Dijkstra'.length;
//=> 15 [It includes the space in between]
'Lexi Romano'[11];
//=> 'o'
'Lexi Romano'.slice(7);
//=> mano
'Lexi Romano'.slice(0,3);
//=> Lex

Теперь давайте соберем все вместе:

const currentUser = 'Lexi Romano';
const welcomeMessage = `Welcome to FB, ' + ${currentUser}!`;
const excitedWelcomeMessage = welcomeMessage.toUpperCase();
const shortGreeting = `Welcome, ${currentUser.slice(0,1)}!`;

Условия JavaScript

Если, иначе, иначе если:

Если: условие верно, выполнить оператор

Иначе: если условие истинно, выполнить первый оператор, в противном случае выполнить второй оператор.

Иначе, если: несколько условий, несколько операторов

function isMax(cat) {
if (cat === 'max') {
return 'Hi Max you are cute!'
}
}

Попробуйте ввести это в консоли Chrome:

isRose('max')
//=> 'Hi Max you are cute!'
isRose('ted')
//=> undefined

Теперь это была бы хорошая возможность использовать «иначе» и «иначе, если» для возврата других значений.

function isMax(cat) {
if (cat === 'max') {
return 'Hi Max you are cute!'
} else if (typeOf cat === 'string') {
return `Hi ${cat}!`
} else { 
return `Sorry, please pass in a cat name`
}
}

Теперь повторите попытку в консоли Chrome:

isMax('max')
//=> 'Hi Rose you are cute!'
isMax('ted')
//=> 'Hi Ted'
isMax(9)
//=> 'Sorry, please pass in a cat name`

Тернарный: сокращение для if else и может превратить весь ваш код в одну строку.

function isMax(cat) {
return cat === 'max'?'Hi Max you are cute!' : `Hi ${cat}!`
}

Выключатель:

  1. Передал выражение
  2. Имеет много случаев с утверждениями
  3. Выполняет операторы, принадлежащие соответствующему case
function isMax(cat) { 
switch(cat) {
case 'max': 
return 'Hi Max you are cute!'
case: 'penny': 
return 'Hi penny nice to see you!'
default: 
return `Hi ${cat}!`
}
}

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