Объяснение наиболее распространенных концепций программирования с использованием JavaScript.
вступление
По состоянию на 2022 год мы не можем представить мир без компьютеров, и язык программирования — это единственный способ взаимодействия с нашими компьютерами, так как каждое приложение или функция, которые мы используем в нашей повседневной жизни, в основном представляют собой набор инструкций, которые мы определили для компьютер или устройство, использующее язык программирования.
Предположим, при использовании калькулятора, если вы хотите сложить два числа (скажем, 2 и 3), мы используем оператор + для получения результата (5), что означает, что кто-то, кто сделал калькулятор, определил, что если пользователь использует '+' Оператор калькулятора вернет им добавление входных данных в результате на языке, который он понимает.
В этой статье я собираюсь объяснить наиболее распространенные концепции, которые вы найдете в каждом языке программирования. И я собираюсь использовать JavaScript для объяснения всех концепций.
Переменные и константы
Предположим, если я попрошу вас дать мне что-нибудь поесть или дать мне что-нибудь попить, то вы обязательно подайте мне что-нибудь поесть на тарелке или скажете воду для питья либо в бутылке, либо в стакане, т.е. я имею в виду, что еда а вода содержится в контейнере, аналогично тому, как в языке программирования мы храним значения в переменных. Как и в математике, вы часто слышали о задаче: если a=3, b=5, каково будет значение (a+b), где a и b — переменные, содержащие значения 3, 5 соответственно.
Константы такие же, как и переменные, дело в том, что мы не можем изменить значение константы.
В JavaScript мы определяем переменные, используя var или let keyword, и константы, используя const.
var radius = 3 //this is a global variable
const PI = 3.14 //this is a constant
/*Area of a circle*/
var area = PI * radius * radiusИдентификаторы и ключевые слова
Позвольте задать вам вопрос, как вас зовут? скажем, Джон, что означает, что вы человек, и ваша личность - Джон. Точно так же у меня есть питомец по имени Скуби, поэтому Скуби — это идентификатор моего имени. В программировании при определении переменных нам нужен идентификатор, например var a = 5, здесь a — идентификатор, или, если я скажу var hello =" I am a string ", здесь hello — идентификатор. Ключевые слова — это зарезервированные слова, которые нельзя использовать в качестве идентификаторов. Как и const, if , else , var, let, это все ключевые слова.
Комментарии
Представьте, что вы работаете над проектом, который содержит 1000 строк кода, содержащих сотни переменных, констант и функций, и тогда становится сложно понять, какая из них для чего используется. Чтобы избежать подобных ситуаций, программисты делают пометки в коде, в приведенном выше примере я использовал комментарии для объяснения var и const. В JavaScript вы можете использовать //comment ere для однострочных комментариев и \*comment here *\ для многострочных комментариев. Еще один факт, которым я хотел бы поделиться, заключается в том, что если это часто случается во время отладки, вы можете прокомментировать несколько строк кода вместо того, чтобы удалять их и писать заново.
// Hello I am a single line comment
var hello = "Hello World";
/* I am a multiline comment
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.*/
/*I am commented code
var a = 5
*/Распечатать
Оператор печати — это, по сути, встроенная функция, которая дает нам возможность отображать что-то на экране, например результат суммы двух чисел. В JavaScript мы используем document.write("output here ") или console.log("output here ") для отображения вывода. первый я использовал для отображения чего-либо на HTML-странице, а второй используется для отображения чего-либо в консоли вашего браузера.
document.write("Helllo World");
console.log("Hello World");
var a = 5;
var b = 10;
console.log(a+b);
Входы
В нашей повседневной жизни каждое приложение или веб-сайт, который мы используем, нуждаются в некоторых входных данных для отображения данных, необходимых пользователю. Представьте, что вы что-то ищете в Google или Bing, и вам нужно ввести что-то в строке поиска, чтобы Google или Bing могли отображать результаты. в соответствии с вашими потребностями. В JavaScript мы используем, чтобы prompt() принимать данные от пользователя, или мы можем использовать форму при работе с HTML.
prompt('Enter your name');
Типы данных
Помните те дни, когда мы были детьми, нас учили о вкусах, таких как острый, соленый, сладкий и горький. Точно так же язык программирования должен знать, с каким типом данных он имеет дело, например, данные могут быть String или Number или Decimal или a Boolean и т. д. Ну, в JavaScript у нас есть два типа данных, а именно, primitive type и Object type первый является неизменяемым, т.е. его значение не может быть изменено, а последний в основном является значением в памяти, на которое ссылается идентификатор.
var a = 5;
var b = 6.0000;
var d = 2n ** 53n;
var e = true;
var s = null;
var s = 'string';
var person = { name: "John", age: 34, isMarried: false };
console.log(typeof a);
console.log(typeof b);
console.log(typeof d);
console.log(typeof e);
console.log(typeof s);
console.log(typeof person);
console.log(typeof undefined);
console.log(typeof null);
console.log(typeof NaN);
console.log(typeof Infinity);
console.log(typeof -Infinity);
console.log(typeof true);
Массивы и строки
Рассмотрим книжную полку, на которой мы можем хранить множество книг в одном месте. Аналогичным образом в программировании мы используем массив для хранения набора элементов данных схожих типов в заразительном месте памяти, а строку — это то, что мы можем рассматривать как массив символов. В JavaScript мы можем определить массив или строку, используя ключевое слово var или let.
let hello = "I am a string";
let arr = [1, 2, 3, 4, 5];
/*using constructors*/
let arr2 = new Array(1, 2, 3, 4, 5);
let str = new String("I am a string");
console.log(hello);
console.log(arr);
console.log(arr2);
console.log(str);
Условные
Представьте себе ситуацию, что вы сдали экзамен, и теперь есть две возможности: либо вы сдадите экзамен, либо провалитесь. Если вы сдадите, вы перейдете на следующий уровень, а если вы не сдадите экзамен, вам придется снова пройти предыдущую сессию.
В программировании мы также сталкиваемся с некоторыми ситуациями, когда нам приходится работать с условными выражениями, например, когда вы входите в свою учетную запись Instagram, она просит вас ввести свой идентификатор пользователя и пароль, и если вы вводите правильные учетные данные, она перенаправляет вас в ваш профиль или покажет вам ошибку или посоветует сменить пароль, если вы забыли, и это происходит из-за условий. В JavaScript у нас есть операторы if, else и elseif для применения условных выражений.
var userid = prompt("Enter your userid");
var password = prompt("Enter your password");
if (userid == "admin" && password == "password") {
alert("Welcome Admin!");
}
else if (userid == "user" && password != "pass") {
alert("Welcome User!");
}
else {
alert("Wrong userid or password");
}
поток управления
предположим, вам дали домашнее задание написать I am a good boy 100 раз, поэтому вы начнете писать предложение, пока не повторите его 100 раз. т. е. вы повторяете определенную задачу до тех пор, пока не будет достигнуто условие. В программировании мы также часто сталкиваемся с некоторыми сценариями, в которых нам нужно повторять определенную задачу до тех пор, пока не будет достигнуто условие, и для этого мы используем поток операторов управления или то, что мы называем циклами на простом английском языке. В JavaScript у нас есть несколько операторов управления потоком.
var arr = [1, 2, 3, 4, 5];
var n = 0;
console.log("Using for loop");
for (var i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
console.log("Using foreach loop");
arr.forEach(element => {
console.log(element);
})
console.log("Using while loop");
while (n < 5) {
console.log(n);
n = n + 1;
}
var k = 0
console.log("Using do while loop");
do {
console.log(k);
k = k + 1;
}
while (k < 5);
Операции
Теперь операторы — это в основном символы для выполнения операции между двумя операндами, такими как +b, здесь + — это оператор. В JavaScript у нас есть следующее:
- Арифметические операторы
выполнять математические задачи, такие как сложение, деление и т. д.
/*Arithmetic operators*/
var a = 10;
var b = 20;
console.log(a + b);
console.log(a - b);
console.log(a * b);
console.log(a / b);
console.log(a % b);
- Операторы присваивания
для присвоения значений
/*Assignment operators*/
var c = 10;
console.log(c += 10);
console.log(c -= 10);
console.log(c *= 10);
- Операторы сравнения
для сравнения двух операндов
/*Comparison operators*/
var d = 10;
var e = 20;
console.log(d > e);
console.log(d < e);
console.log(d >= e);
console.log(d <= e);
- Логические операторы
принять логичное решение
/*Logical operators*/
var x = true
var y = false
console.log(x && y);
console.log(x || y);
console.log(!x);
- Побитовые операторы
выполнять побитовые операции
/*Bitwise operators*/var p = true var q = false console.log(p & q);//and console.log(p | q);//or console.log(p ^ q);//xor console.log(~p);//not
Функции
Часто бывает, что нам нужно выполнить определенную задачу несколько раз, что я хочу сказать, что в моем последнем примере я привел пример входа пользователя, теперь Instagram часто просит ввести ваш пароль, если вы хотите изменить какую-либо личную информацию, поэтому вместо этого переписывая одни и те же строки кода много раз, мы можем определить функцию и использовать ее по мере необходимости, т.е. в основном повторно используем наш код. В JavaScript мы используем ключевое слово function для определения функции.
//defining a function function sayHello(name) { console.log("Hello" + name); }sayHello("user ")//calling a function
Outro
Слава, что вы закончили читать эту статью. Это все, что вам нужно знать о наиболее распространенных концепциях программирования. Одна вещь, которую я хотел бы подчеркнуть, это то, что при чтении этой статьи запускайте фрагменты кода в своем браузере, чтобы лучше понять. Не стесняйтесь оставлять комментарии, если у вас есть какие-либо вопросы. И поделитесь этой статьей со своими коллегами и коллегами, если сочтете ее полезной. Оставайтесь счастливыми и в безопасности.
Соединять
Больше контента на plainenglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Получите эксклюзивный доступ к возможностям написания и советам в нашем сообществе Discord.
