Привет, я вернулся и продолжаю наше путешествие, сегодня мы собираемся обсудить JavaScript: переменные и условные операторы, и если это первое сообщение, которое вы увидели, вернитесь и ознакомьтесь с предыдущий пост первый. Итак, давайте перейдем непосредственно к нашему обучению, поскольку мы следуем правилу 20 часов, не так ли?
Переменные
Это как контейнеры где-то в памяти, в которых хранится некоторая информация или значение. Их также можно рассматривать как метки, которые более четко описывают наши данные читателю и нам самим.
Теперь в JavaScript у нас есть динамические переменные, то есть нам не нужно самим объявлять тип данных, и переменная сама определит свой тип данных в зависимости от заданного значения. Но есть некоторые ключевые слова, которые мы должны использовать для создания наших переменных, а именно "let" , "const" (они представлены в версии JavaScript ES6) и "var". Как видно из названия const, объявленные переменные являются постоянными и не могут быть изменены после присвоения значения*. И два других ключевых слова можно изменить снова после инициализации.
* Есть некоторые исключения, которые я покажу, так что исключения для расслабления есть везде.
Еще одна вещь, есть некоторые различия в использовании "var" и "let", и главное из них заключается в том, что "var" определяется в функции область действия и let определяется в области действия блока. Я не буду обсуждать их подробно, потому что вы будете лучше учиться, используя их, но все же, если вы хотите узнать больше, то вы можете прочитать эту статью здесь.
var varChocolate = 'cadbury'; let letChocolate = 'cadbury'; const constChocolate = 'cadbury'; console.log(varChocolate); console.log(letChocolate); console.log(constChocolate); constChocolate = "Nestle"; // This will give error because it's a constant
Одно из лучших применений переменной — сокращение избыточной работы. Как, дав имя значению, вы можете использовать это имя везде в своем коде, и когда вы хотите изменить значение, вам нужно изменить его только в одном месте. Разве это не удивительно?
let a = 10; let b = 10; console.log(a + b); console.log(a *b); console.log(a / b); console.log(a - b); console.log(a + b + a); console.log(a + b - a * b); a = 20; b = 30; console.log(a + b); console.log(a *b); console.log(a / b); console.log(a - b); console.log(a + b + a); console.log(a + b - a * b); // see you only have to change at just one place not everywhere.
Интерполяция строк
Это также связано с удивительным использованием переменных и позволяет нам выполнять, скажем так, форматирование строк.
Для выполнения этой задачи нам нужны три вещи: мощность переменных, ``(пара обратных галочек) и {}(фигурные скобки). Как?
const a = 10;
console.log(`Ten is written as: {a}`);
// Output: Ten is written as: 10
//We can also achieve this through concatenation but in complex //cases it will be quite tedious.
Существует оператор typeof, у которого есть особое поведение, позволяющее указать тип данных переменной, к которой он применяется.
const a = "Hello" console.log(typeof a) // Output : string
Условные операторы
Решения действительно являются важной частью нашей жизни, и мы должны решить, что делать дальше, исходя из некоторых условий, и если будет принято неправильное решение, результаты могут быть тревожными. Как и в реальной жизни, в JavaScript также есть условные операторы, так что давайте посмотрим на них в действии.
Использование операторов if..else if…else
if (condition1) {
//condition is true then this code will run
}
else if (condition2){
//This will run only if condition1 is false and condition2
}
...
...
...
...
//There can be any number of else if statements as you want
//When condition turns out to be true the rest are not checked
else {
// This will only run if all the above condition fails to be true.
}
Теперь мы изучим условные операторы, запрограммировав следующий сценарий: «Скажем, у двух друзей осталась одна шоколадка, и они не хотят делиться, но они достаточно хороши, чтобы иметь справедливый шанс съесть эту шоколадку, поэтому они решили бросить, и кто бы ни выиграл. будет есть шоколад». Давайте закодируем это, но перед этим запомните эти операторы сравнения, полезные для определения результатов определенных условий.
Операторы сравнения
Вот список некоторых удобных операторов сравнения и их синтаксис:
- Меньше чем:
< - Больше чем:
> - Меньше или равно:
<= - Больше или равно:
>= - Равен:
=== - НЕ равно:
!==
Операторы сравнения сравнивают значение слева со значением справа.
Теперь вот решение для приведенного выше сценария:
const friend1 = "Head";
const friend2 = "Tail";
const toss = "Head"; // or "Tail"
if(friend1 === toss){
console.log("friend1 will eat")
}
else if (friend2 === toss){
console.log("friend2 will eat");}
else {
console.log("Two friends should share and if not then toss again.")
}
Но условия не так просты, и вам нужно использовать дополнительную логику для решения более сложных условий, и, к счастью, у нас есть решение для этого, и это использование логических операторов.
Логические операторы
Работа с условными выражениями означает, что мы будем использовать логические значения, true или false. В JavaScript есть операторы, работающие с логическими значениями, которые называются логическими операторами. Мы можем использовать логические операторы, чтобы добавить более сложную логику к нашим условным выражениям. Есть три логических оператора:
- оператор и (
&&) [Выдает true, если оба условия верны] - оператор или (
||) [Выдает истину, если одно или оба истинны] [Одна особенность, если первый операнд истинен, тогда следующий оператор не проверяется и возвращается истина] - оператор not, также известный как оператор bang (
!) [сделать true для false и false для true]
Давайте закодируем сложный сценарий на основе бадминтона, так как я очень люблю бадминтон: «Бросок между двумя игроками и выбор корта или сервера в зависимости от жеребьевки». Это будет хорошо для новичков, поэтому, если вам будет немного легко, вы можете перейти к другим статьям этой серии.
const friend1Toss = "Tail";
const friend2Toss = "Head";
const friend1Choice = "Court";
const friend2Choice = "Serve";
const toss = "Tail";
if(friend1Toss === toss && friend1Choice === "Court"){
console.log("Friend1 win chose Court");}
else if(friend1Toss === toss && friend1Choice === "Serve"){
console.log("Friend1 win chose Serve");
}
else if(friend2Toss === toss && friend2Choice === "Serve"){
console.log("Friend2 win chose Serve");
}
else if(friend2Toss === toss && friend2Choice === "Serve"){
console.log("Friend2 win chose Serve");
}
else {
console.log("match cancelled or toss again");}
//use of not operator
console.log(!true); // Output: false
console.log(!false); // Output: true
