Небольшой урок Javascript, который вы можете закончить за 3 минуты!
Контекст: вам нужно выучить JavaScript менее чем за 3 недели, чтобы пройти собеседование.
Мы все были там. Я изучал Python и Java в колледже, и во время второго в моей жизни собеседования мой тогдашний начальник спросил меня:
Вы умеете программировать интерфейс? Вы знаете какой-нибудь Javascript?
Я честно ответил, что не знаю никакого JavaScript.
Хорошо, читай эту книгу и приходи учиться на работу
Не успев опомниться, я занимаюсь JavaScript уже 12 лет!
На сегодняшнем уроке я расскажу вам о значениях типах.
Прежде чем прыгать
Знаете ли вы, что ваш браузер поставляется со встроенной средой JavaScript? Откройте новую пустую вкладку, щелкните правой кнопкой мыши и выберите «Проверить», и вы должны увидеть эту страшную вещь:
Пока не беспокойтесь об «Элементах», нажмите «Консоль»:
Нажмите на синюю стрелку и вставьте этот текст в:
alert("Jack says: Hello there");
Нажмите Ввод.
Нажмите «ОК», чтобы показать во всплывающем окне, кто главный.
Хорошо, теперь мы готовы узнать о Ценностях.
Это все 1 и 0
Введите несколько цифр, чтобы промочить ноги:
> 0 < 0 > 4 < 4 > 8 < 8 > 15 < 15 > 16 < 16 > 23 < 23 > 42 < 42
Когда вы передаете число, консоль также возвращает тот же номер обратно.
Затем попробуйте некоторые десятичные дроби
> 0.3 < 0.3 > 0.3333333 < 0.3333333 > 0.333333333333333 < 0.333333333333333
Числа сами по себе не очень интересны, попробуйте над ними некоторые математические операторы:
> 1 + 1 < 2 > 2 + 2 < 4 > 2 * 10 < 20 > 45 / 5 < 9
Вы даже можете использовать скобки:
> ( 10 + 10 ) * 4 < 80 > 10 + (10 * 4) < 50
Кроме того, числа могут быть отрицательными, как большинство людей:
> 10 - 40 < -30
Далее мы узнаем о строках.
Строки — это набор символов. Но что такое персонажи? Вот несколько примеров персонажей:
> 'a' < "a" > 'b' < "b" > '@' < "@" > '&' < "&" > '∫' < "∫"
Хорошо, а как нам объединить символы в строки?
> 'a' + 'b' + 'c' < "abc" > '1' + '2' + 3 < "123"
Если символ представляет собой символ клавиатуры, заключенный в две кавычки (одинарные или двойные), то строка представляет собой список символов клавиатуры, заключенных в две кавычки (одинарные или двойные).
Помните, мы передали строку «Джек говорит: Привет» во что-то из предыдущего?
alert – это пример функции. Если вам хочется приключений, введите alert и нажмите Enter:
> alert < ƒ alert() { [native code] }
Этот нативный код выглядит сложным, мы вернемся к нему в какой-нибудь другой статье.
Что делать, если у меня есть список чисел, символов и строк?
В реальной жизни информация редко появляется в одиночках, у вас чаще бывает группа информации. Например:
- Список прикольных имен персонажей
- Список предметов роскоши
- 7-дневный прогноз погоды в моем почтовом индексе
Мы можем представить их с помощью «Array», и Array выглядит так:
> ['Jojo', 'Johnny', 'Joesph'] < (3) ["Jojo", "Johnny", "Joesph"] > ['Hermes', 'Chanel', 'Louis Vuitton'] < (3) ["Hermes", "Chanel", "Louis Vuitton"] > [58, 58, 57, 57, 59, 59, 60, 56, 53] < (9) [58, 58, 57, 57, 59, 59, 60, 56, 53]
Мы видим, что консоль Chrome полезна, она сообщает нам, сколько элементов находится в каждом массиве.
Компьютерные скрипты редко работают с одним числом или строкой, поэтому вам нужно запомнить синтаксис для создания массивов!
[ value1 , value2, ..., valueN ]
Мы почти закончили со всеми основными типами значений, осталось два.
Сравнение чисел
Помните, как делать математику из раздела 1? Мы использовали такие операторы, как +, — , * , /.
Эти операторы обычно принимают два числа и возвращают число в качестве результата. Но что, если мы хотим их сравнить? Попробуйте в консоли:
> 15 > 9 < true > 3 == 10 < false > 3 == 3 < true
Операторы сравнения не возвращают числа, они возвращают true или false.
true или false также известны как логические значения. Булевы значения имеют большое значение в компьютерном мире, исторически они сопоставлялись с 0 (ложь) и 1 (правда, подойдут любые ненулевые значения).
Сравнение значений составляет не менее 25% всей работы по программированию. Применяя эту логику, я провел по крайней мере 3 года своей карьеры, сравнивая вещи. Не проходит и дня, чтобы программист не сравнил значения. Остальные 20 лет субъективного опыта я потратил на отладку собственного кода с ошибками.
Наконец, объекты
Объекты представляют собой список строковых сопоставлений ключей и значений. Вот несколько примеров объектов:
> { "red": 1, "green": 0, "blue": 0 } < {red: 1, green: 0, blue: 0} > { "hermes": 10, "chanel": 7, "Louis Vuitton" : 6 } < {hermes: 10, chanel: 7, Louis Vuitton: 6} > { "take" : "a break", "after": "this lesson" } <{take: "a break", after: "this lesson"}
Мы можем получить доступ к отдельным значениям, если знаем ключ:
> ({ "red": 1, "green": 0, "blue": 0 })["red"] < 1
Объекты объявляются следующим образом:
{ "key1": value1, "key2": value2, "key3": value3 }
Где значение1, значение2, значение3 могут быть любыми из следующих:
- номер
- нить
- множество
- логический
- другие объекты
["строка"] также называется оператором индексации.
Оператор индекса извлекает значения из объекта, например, переход на определенную страницу в книге и создание копии.
Отлично, теперь вы знаете, какие типы Basic существуют в JavaScript.
Обладая этими знаниями, вы можете использовать Chrome Inspector как карманный калькулятор и беззаботно записывать массивы и объекты.
Мы рассмотрели довольно много синтаксиса, убедитесь, что вы попробовали их пару раз, и в следующий раз мы продолжим немного более промежуточные темы!
В следующей статье мы рассмотрим функции, циклы for и операторы if-else!
Спасибо за внимание.