Живой урок — погружение в ES2015
Первый в истории живой урок SitePoint Premium был проведен в этом месяце с Дарином Хейнером, который провел несколько разделов своего премиального курса « Погружение в ES2015» . Зрители могли задавать вопросы Дарину, пока он проходил отдельные части своего курса, и давали максимально точные ответы.
Перейдите к записанному Живому Уроку с Дарином Хейнером, если вы его еще не видели! В этом посте мы остановимся на основных замечаниях и вопросах, на которые были даны ответы в ходе Живого урока.
Живые уроки SitePoint Premium
Эти живые уроки являются новыми для SitePoint и направлены на то, чтобы помочь вам полностью понять контент в различных частях SitePoint Premium, а также позволяют взаимодействовать с другими разработчиками через чат во время урока. Они также являются отличным предварительным обзором курсов SitePoint Premium и информации о них. Вы можете принять участие в этом мероприятии и многому научиться, независимо от того, прошли ли вы курс или даже не видели его. Все добро пожаловать!
Погружение в ES2015
Курс Diving to ES2015 охватывает следующее поколение JavaScript — ES2015. ES2015 становится стандартом в браузерах, и для разработчиков JavaScript важно узнать об этих новых стандартах. Основываясь на ES2015, вы будете готовы с различными новыми инструментами для решения ваших проектов, поскольку эти инструменты станут веб-стандартом! Этот Живой Урок охватывает несколько разделов курса.
Стрелка Функции
Дарин объясняет, что с помощью функций стрелки в ES2015, когда вы используете функцию стрелки, она автоматически связывает эту функцию с лексической. Это, а также сжатые ответы, которые могут появиться в функциях со стрелками, ускоряют написание кода и могут значительно облегчить чтение кода, а функции со стрелками являются одной из причин популярности ES2015 среди разработчиков.
деструктурирующие
Разрушение является удивительной особенностью ES2015 и обеспечивает невероятно простой способ назначения переменных. Дарин использует деструктуризацию как удобный способ извлечения элементов из объектов без необходимости набирать весь путь. Кроме того, реструктуризация также позволяет легко устанавливать значения по умолчанию в массивах и объектах, не вызывая проблем, и вы также почувствуете это в видео.
Обработка параметров
Что касается обработки параметров, Дарин объясняет, что параметрами в ES2015 можно манипулировать различными способами, например, задавать значения параметров по умолчанию при вызове функции, а не обрабатывать их внутри самой функции. Это также позволяет задавать параметры покоя, позволяя вставить столько аргументов, сколько необходимо, в качестве значений массива, и использовать оператор распространения внутри массивов.
Вопросы от Зрителей для Дарина
В: Как только ES2015 будет полностью поддерживаться браузерами, придется ли нам полностью переходить на ES2015 и прекращать писать JavaScript, как мы это делали раньше?
Darin Haener : большинство браузеров уже приняли ES2015. Если ваш код все еще работает, то да (это нормально). Я не знаю по макушке ничего, что было признано устаревшим или удалено. Насколько я знаю, были только дополнения.
Я думаю, что вы, вероятно, можете продолжать писать код так, как вы привыкли, хотя я не знаю, что я бы порекомендовал его, потому что вы остались позади.
Q: В чем разница между const и let?
Дарин Хенер : Во-первых, различие между const
и let
, const
и let
имеют одинаковую область видимости, но различие const
не может быть переопределено. Если бы я в своем коде сказал const a = 1
, а затем позже в том же блоке кода, я попытался бы сказать const a = 3
, что привело бы к ошибке. Это не позволило бы мне, или даже если бы я просто попытался сказать a = 4
, даже не сказав const
, это не позволило бы мне переназначить эту переменную. let
позволит тебе это сделать. Поэтому, если вы сказали, что let b = 1
, то позже в том же блоке кода вы можете переназначить его и сказать b = 3
, и это разрешено.
Используя const
и let
, вы получаете тот же тип области видимости и немного другое поведение.
Q: Я обычно вижу постоянные переменные, определенные заглавными буквами — например, const MYAGE = 20. Это требование или просто хорошая практика?
Дарин Хенер : Это определенно не требование, но, вероятно, это хорошая практика. Большинство языков программирования имеют константы в виде прописных букв, все заглавные
В: Стоит ли изучать TypeScript или просто придерживаться JavaScript?
Дарин Хенер : Насколько я знаю, TypeScript немного более строг. У него строгая система печати. Я бы сказал, что если вы более знакомы с таким языком, как C, который использует строгие типы, тогда TypeScript, вероятно, будет более удобным и знакомым для вас, поэтому продолжайте и используйте его.
Q: Что вы думаете о coffeescript для ES6?
Darin Haener : Я часто использовал coffeescript, но я думаю, что ES6 (или 2015) решил много тех же проблем, которые решал coffeescript, и одна проблема, с которой я лично (и это только мое мнение) касалась coffeescript, была значимый отступ. Мне лично это никогда не нравилось.
Поэтому мне нравится структура JavaScript, необходимость использовать круглые скобки и скобки для обеспечения читабельности кода. Так что, с моей точки зрения, я бы не смешивал их, но каждому свое.
Завершение
Если вы не смогли принять участие в Живом уроке и еще не смотрели запись , сделайте это сейчас! Курс «Погружение в ES2015 SitePoint Premium» доступен для вашего прочтения, и «Живой урок» Дарина является неоценимым дополнением к нему, если вы проходите его или планируете в будущем!
Мы были очень рады пригласить его на этот первый Живой урок, предоставленный вам SitePoint! Мы надеемся, что это был полезный опыт для многих разработчиков JavaScript, которые подписались, смотрели вживую и задавали вопросы — и для тех, кто собирается смотреть записанную версию на SitePoint!