Javascript — это язык программирования, который используется в Интернете. Разработчики используют Javascript в сочетании с HTML для создания динамических и интерактивных веб-страниц. В этой статье мы поговорим о переменных, функциях и о том, как они работают вместе. Это очень общий обзор, но основное внимание уделяется пониманию основных принципов Javascript простым способом. Во-первых, мы собираемся узнать о том, что такое переменные и как их можно использовать. Потом поговорим о функциях. В этой статье я буду приводить примеры, которые вы должны протестировать в своей IDE (интегрированной среде разработки). Вы можете использовать любую IDE, которую предпочитаете; Я предпочитаю Репл.
Переменные
Переменные используются для хранения данных. Итак, думайте о переменных как о контейнере. Он что-то держит, и может быть чем угодно. Очень важно отметить, что только одно значение может быть помещено в контейнер за один раз, если только оно не инкапсулировано в объект. Позже я объясню, что именно я имею в виду. Давайте начнем с простого.
В Javascript вы должны объявить переменную. Вы можете объявить переменную тремя различными способами, но способ, которым мы сегодня познакомимся, — это «var». Когда var ставится перед словом, а за этим словом следует точка с запятой, вы только что объявили переменную. Давайте посмотрим, как это выглядит
Быстро. Точки с запятой сообщают программе, что вы закончили с оператором. Это как точки в предложении. Важно отметить, что в функциях и операторах возврата точка с запятой не нужна. Точка с запятой после переменных обязательна, и это единственный способ, которым программа распознает, что вы объявили переменную. Хорошо, давай вернемся к этому.
var myVariable;
Переменные используются для хранения данных, поэтому мы можем использовать их позже. Переменные делают код чище, а также помогают нам понять, что происходит внутри нашего кода. Итак, теперь, когда мы поняли, что такое переменная, давайте сделаем что-нибудь классное. Давайте сложим два числа вместе, используя Javascript. Мы можем сделать это несколькими способами, и мы это сделаем, но сначала давайте сделаем это в одной строке кода.
var addMe = 3 + 3;
Понимать? Молодец. Вы только что написали свою первую функциональную строку кода. То, что мы только что сделали, было довольно круто, но было бы лучше, если бы мы могли видеть это на нашей консоли. В следующем примере мы будем использовать console.log().
Быстро: Console.log() — это функция, которая позволяет нам видеть выходные данные нашего кода. Вы просто вызываете его, передавая ему выражение или переменную, а затем в консоли вы сможете увидеть возвращаемое значение любого выражения или переменной, которую вы ввели.
Пример:
console.log(3+3) // returns 6 console.log(addMe) // returns 6
Что, если мы зарегистрируем первую созданную нами переменную «myVariable», что, по-вашему, произойдет? Ну, так как контейнер пуст, он вернет undefined. Undefined означает, что переменная была объявлена, но значение еще не присвоено. В Javascript есть что-то еще, похожее на undefined, под названием «Null». Null и undefined обычно означают одно и то же на поверхности, но разница в том, что null — это объект, поэтому он имеет значение, в то время как undefined не имеет никакого значения. Я знаю, что мы еще не обсуждали объекты, но поверьте мне, мы доберемся до этого, и это будет иметь большой смысл.
Теперь, когда мы узнали, что такое переменные, и узнали, как их можно использовать в функциях, которые мы собираемся создать. Перейдем к функциям.
Функции
Функция — это объект, который что-то возвращает. Функции состоят из операторов, называемых телом функции. Есть несколько способов объявить функцию, но сейчас мы воспользуемся самым простым, то есть просто напишем функцию, а затем слово, за которым следуют круглая скобка, квадратные скобки и точка с запятой. Нравится:
function myFirstGame(){
};
Чтобы получить содержимое функции, вы должны сначала вызвать ее. В приведенном выше примере мы объявили функцию. В следующем примере мы будем вызывать функцию.
myFirstGame(); // output : (what’s your guess?)
Вы только что вызвали функцию myFirstGame. Попробуйте вывести myFirstGame() в консоль. Вы увидите, что он возвращает значение undefined. Это потому, что функции сами по себе подобны контейнерам, и прямо сейчас контейнер пуст. Существуют и другие обстоятельства, по которым функция может возвращать значение undefined, но сейчас давайте сосредоточимся на самом простом примере, который представляет собой пустую функцию.
Итак, вы вошли в myFirstGame на своей консоли и получили undefined. Давайте сделаем что-нибудь более осмысленное с myFirstGame.
function myFirstGame(){
console.log(‘Hello from the other side..’);
};
Теперь у нас есть что-то в нашей функции. Что вы ожидаете на выходе? Вы, вероятно, почесали затылок, увидев, что эта функция возвращает значение undefined. Вы, наверное, думаете: «Там что-то есть, значит, оно не пустое». Помните, что функция — это объект, который что-то возвращает. Чтобы ваша функция что-то вернула, вы должны явно указать «возврат» в своем коде.
function myFirstGame(){
return ‘Hello from the other side..’;
};
Теперь вызовите функцию myFirstGame.
myFirstGame(); // output : ‘hello from the other side’
Отличная работа :) Появилось больше смысла? Теперь давайте сделаем что-нибудь более осмысленное. Между скобками вы можете указать параметры. Параметры — это заполнители для значений, передаваемых в функцию. Давайте сначала посмотрим, как наша функция выглядит с параметрами
function myFirstGame(message){
return ‘Hello from the other side..’
};
Теперь давайте зарегистрируем это в консоли. Вы заметите, что ничего не изменилось, но давайте сделаем его более динамичным. Что, если каждый раз, когда мы вызываем эту функцию, мы хотим, чтобы она возвращала сообщение? То, как это написано сейчас, всегда будет возвращать одно и то же сообщение. Мы можем сделать это более динамичным, используя параметр сообщения для передачи наших данных в функцию. Например:
function myFirstGame(message){
return message;
};
В том виде, в каком функция работает сейчас, она всегда будет возвращать все, что передается в параметр сообщения. Мы можем передать значения в параметр сообщения, вызвав функцию, а затем передав значение между круглыми скобками, например так
function myFirstGame(message){
return message;
};
myFirstGame(‘Hello from the other side…’); // output : ‘hello from the other side’
Мы также можем использовать переменную addMe, которую мы создали ранее, и передать ее в функцию, подобную этой.
function myFirstGame(message){
Return message;
};
myFirstGame(addMe); // output : 6
Вы официально создали свою первую программу. Я надеюсь, что вы чему-то научились и теперь стали на шаг ближе к тому, чтобы стать программистом javascript, которым вы хотите быть. В следующей статье вы создадите свою первую компьютерную игру — «Камень, ножницы, бумага». Вы войдете либо в камень, либо в бумагу, либо в ножницы, и программа тоже сделает выбор. Программа определит победителя из двух. Подпишитесь на меня, чтобы быть в курсе новых постов, и хлопните, если вам понравился пост :)
