интересно

Узнайте, как кодировать часть I: переменные и основные типы данных

Хотите научиться кодировать, но не знаете с чего начать? Мы вас прикрыли. Мы будем преподавать вам основы всю неделю, и вот ваш первый урок.

Ранее мы предоставляли вам некоторые ресурсы для обучения кодированию и давали вам широкий обзор процесса, но теперь пришло время приступить к делу: мы предлагаем короткий курс из 101, шаг за шагом. Вы не можете научиться программировать в одночасье (или за неделю), но мы разбили основы на несколько уроков, которые будут выпущены в виде первых четырех частей в нашей новой серии Goldavelez.com Night School .

Каждый урок будет основан на видео (как вы можете видеть выше), но мы также предоставим вам текстовые заметки и файлы, к которым вы также можете обратиться. Каждый урок представляет собой управляемую порцию информации, которую вы можете усвоить менее чем за 15 минут (а зачастую и гораздо меньше). Хотя мы начинаем наш первый урок программирования в 9:00 по тихоокеанскому времени, следующие три урока будут выходить каждый день в 18:00 по тихоокеанскому времени. Обязательно вернитесь и посетите нас в конце дня во вторник, среду и четверг на этой неделе, чтобы закончить изучение основ.

Наш первый урок будет очень простым и будет состоять из изучения основных переменных и типов данных. Для уроков в этой серии мы будем использовать JavaScript в качестве модели, потому что это синтаксис, который довольно легко понять, и который может использовать любой, кто имеет текстовый редактор и веб-браузер. Поскольку это язык на основе ECMA, он делает изучение других языков на основе ECMA (например, ActionScript) намного проще для изучения. Более того, вы обнаружите, что знание того, как писать JavaScript, значительно облегчит переход к другим объектно-ориентированным языкам программирования. По сути, JavaScript доступен практически любому, у кого есть компьютер и браузер, поэтому мы считаем, что это действительно хорошая отправная точка. Когда вы освоите основы, вам будет легко начать изучать другие языки.

Давайте начнем!

Какие переменные?

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

  • String - Строковая переменная - это строка буквенно-цифровых символов и разрешенных символов, заключенных в кавычки. Например, «Привет, мир, мне сегодня 102 года!» пример строки Строки также могут быть заключены в одинарные кавычки, что полезно, если вы хотите получить строку с такой цитатой: «Я ненавижу снег», - сказала Лорел. Строки в основном используются для хранения текста.
  • Number - Числовая переменная не может быть более простой, поскольку все числовые переменные хранятся в виде чисел. Вы не храните их в кавычках как строки. Вместо этого числа могут быть просто записаны, как они есть. Если вы хотите сохранить число 9 в переменной, просто напишите 9.
  • Boolean - логическая переменная - это одно из двух: или. Этот тип данных похож на переключатель включения и выключения, поэтому вы можете задавать истинные или ложные вопросы в своем коде. Например, вы можете спросить "видео воспроизводится в настоящее время?" Ответ, который вы получите, будет булевой переменной. будет означать, что видео в настоящее время воспроизводится, и будет означать, что это не так.

Итак, как вы помещаете переменную в свой код (или переменную, как ее обычно называют)? В JavaScript все, что вам нужно сделать, это:

myVariable = "Привет, мир!";

К вар или не к вар

В JavaScript вы можете определить переменную как myVariable = "something"; или var myVariable = "something"; разница состоит в том, что слово var предшествует утверждению. Когда вы объявляете переменные в скрипте вне функции, это различие в значительной степени не имеет значения. Когда вы объявляете переменную внутри функции и используете var это создает глобальную переменную. Глобальные переменные могут быть доступны из любого места вашего кода, тогда как локальные переменные (например, определенные в функциях) доступны только в пределах их собственной области видимости (например, если переменная является локальной для функции, ее может использовать только эта функция). Это не важное различие прямо сейчас, но когда мы узнаем о функциях позже, это будет полезно знать.

Здесь есть несколько вещей, на которые стоит обратить внимание. Во-первых, имя myVariable. Все языки программирования имеют то, что называется зарезервированными словами, что означает, что вы не можете использовать их как имена переменных. Они различаются, но если имя достаточно общее, есть вероятность, что это может быть зарезервированное слово. Чтобы не использовать зарезервированные слова и испортить свой код, просто выберите схему именования для ваших переменных. Я поставил «my» перед моей примерной переменной, но вы, вероятно, захотите придумать что-то еще. Во-вторых, вы заметите точку с запятой в конце строки. Точка с запятой похожа на точку в конце предложения во многих языках программирования, и это, безусловно, имеет место в JavaScript. Практически в любой ситуации вам нужно заканчивать предложения кода точкой с запятой, чтобы ваш компьютер не запутался при чтении. Точка с запятой говорит компьютеру: «Хорошо, я закончил с этим утверждением». (Примечание: JavaScript простителен, и иногда вы можете обойтись без точки с запятой, но это хорошая практика.)

Еще одна вещь, на которую следует обратить внимание, это то, что JavaScript - это язык со свободной типизацией. Существует (в основном) два типа языков: свободно типизированный и строго типизированный. Примером строго типизированного языка является ActionScript (язык, на котором написаны приложения Flash), и то же самое объявление переменной, которое мы только что написали, выглядело бы так в ActionScript 3:

var myVariable: String = "Привет, мир!";

Добавления, которые вы видите, - это слово и слово (с двоеточием перед ним). Слово var сообщает компьютеру, что мы собираемся объявить переменную. Строка: String, прикрепленная к имени переменной, сообщает компьютеру, какой это тип переменной, и не принимает какой-либо другой тип. Это причина для термина. Свободно типизированный язык, такой как JavaScript, более гибок и не требует ничего из этого. Это делает ваш код более гибким, но некоторые утверждают, что это также сделает его более подверженным ошибкам. Мы не собираемся подробно останавливаться на плюсах и минусах языков со строгой и свободной типизацией, но хорошо знать основные различия сейчас, так как вы, скорее всего, столкнетесь с ними в своих попытках программирования.

Теперь, когда вы понимаете, что такое переменные и как они работают, мы можем попробовать использовать их в некотором реальном коде JavaScript.

Создание переменных и использование функции JavaScript Alert ()

Давайте создадим простой HTML-документ, который мы можем использовать для проверки наших переменных:

Вы захотите иметь более определенный HTML-документ, когда вы на самом деле пишете код, но для наших целей это будет работать просто отлично. Сохраните приведенный выше код в виде файла с именем myscript.html (или любого другого файла, который заканчивается на .html и не содержит пробелов или специальных символов) и откройте его в своем веб-браузере. Вы увидите абсолютно ничего, кроме «Мой сценарий» в строке заголовка. У нас еще много работы. Сначала давайте объявим переменную внутри тега script:

myVariable = 5;

Здесь мы только что объявили номер. Давайте посмотрим на другие типы переменных, которые мы можем объявить

myNumber = 5;

myString = "Привет, мир!";

myBoolean = true;

Это дает нам число, строку и логическое значение. Теперь давайте возьмем эту переменную myString и сделаем с ней что-нибудь:

myNumber = 5;

myString = "Привет, мир!";

myBoolean = true;

оповещения (туЗЬптд);

Вы заметите, что я добавил alert(myString); линии alert(myString);, Это вызывает встроенную функцию JavaScript (мы узнаем об этом позже), называемую alert() которая создает всплывающее диалоговое окно для взаимодействия с пользователями.

Что такое "Привет, мир!" все о?

Написание простой программы с надписью "Привет, мир!" как правило, первое, что делает каждый программист, когда учится программировать. Это не обязательно, но это своего рода традиция и посвящение в клуб.

Вы никогда не захотите использовать их на практике, потому что, как наверняка знает любой интернет-пользователь, окна оповещений очень раздражают, но они дают хороший способ проверить ваш код, чтобы убедиться, что он работает, пока вы пишете. Скобка после оповещения позволяет вам предоставлять оповещение с данными, которые могут ему понадобиться. Не все функции требуют, чтобы вы предоставили ему информацию, но оповещение должно знать, что предупредить пользователя. В этом случае мы передали ему myString, поэтому пользователь получит всплывающее уведомление с надписью «Hello world!» Попробуйте это с другими вашими переменными, чтобы получить всплывающие окна с числом и логическим значением.

Зачем давать alert () переменную, а не просто давать ей содержимое переменной? Что ж, если вы скажете alert («Hello world!»), Вы получите тот же результат в этом примере, но переменные называются переменными, потому что они. Идея состоит в том, что содержимое или значения этих переменных будут меняться при взаимодействии пользователей с написанными вами программами.

Если вы готовы сделать следующий шаг с переменными, посмотрите наш второй урок по работе с переменными.

Вы можете связаться с Адамом Дачисом, автором этого поста, по адресу Вы также можете подписаться на него в Twitter и Facebook.