Автор оригинала: Codementor Team.
JavaScript, вероятно, самый неправильно понимаемый язык программирования в мире. Само название вводит в заблуждение. Он не имеет отношения с Java, но имя.
Если вы начинаете изучать JavaScript, рекомендуется сначала ознакомиться с тем, о чем язык. Вы должны запланировать свой список «для изучения», чтобы правильно изучить JavaScript и понять лучшее из языка.
Лексическая грамматика JavaScript
В JavaScript много причудов. Некоторые части синтаксиса довольно странно. Часто случается, что, когда вы смотрите на учебное пособие, вы увидите синтаксис, который не имеет смысла для вас. Это может быть оператор, и вы не знаете, что называется, и вы не знаете, где читать больше о конкретном синтаксисе.
Это может быть ужасно расстраивающим, поэтому рекомендуется прочитать и понимать всю лексикуную грамматику JavaScript. Это следует искоренить 85% путаций, которые вы могли бы иметь при чтении учебных пособий JavaScript. Хорошая статья, чтобы прочитать о лексической грамматике JavaScript Это размещено на MDN Отказ Прочитайте его тщательно, играйте с примерами в консоли и попробуйте понять его как можно больше.
Инструменты разработчика браузера
Вы когда-нибудь ударили F12 во время просмотра веб-страницы? Предполагая, что вы используете современный браузер на рабочем столе, что-то придут. Это инструменты разработчика браузера. Они в основном предназначены для использования передними конструкторами и программистами, чтобы помочь им отладить свой код. Но это не все, что есть к этому.
Вы можете многому научиться от спекуляции вещей через инструменты разработчика браузера. Если вы уже начали изучать немного JavaScript, шансы вы бы уже знакомы с консолью. Может быть, с инспектором DOM также для некоторых CSS. Но есть некоторые другие очень мощные вещи, которые начинают могут сделать в инструментах DEV для изучения JavaScript, особенно через вкладку «Источники».
Прочитайте документацию для Инструменты разработчика Chrome Отказ Аналогичные инструменты существуют для Firefox, Safari, IE и Opera.
Запись кода должно быть более важно для новичка, чем писать рабочий код на первой попытки. Если ваш код не работает, вы можете использовать эти инструменты и сделать его работать. Как только это работает, вы, скорее всего, уже поняли, что вы делаете не так, и избегайте этой ошибки в будущем.
«Хорошие» части
JavaScript – это не самый лучший язык в мире, но он очень популярен, с очень большим сообществом (черт возьми, это единственный язык, который браузеры понимают, поэтому …). Но если вы рассматриваете хорошие части JavaScript, это очень мощно. Вы должны знать разные части языка, а что они делают.
Сам основной язык называется Ecmascript, поддерживаемый командой ECMA TC39. И ядро не привязано к браузеру. Это просто простой язык программирования, который можно использовать в значительной степени любое место. И одно такое место – браузер.
Основная часть относится к синтаксической структуре языка. Например, когда вы используете для петли или Если/else Заявления, вы используете основную часть. Разные Типы Переменных ( «Строки» , номера, Объект S, Функции , [«Массивы»] и т. Д.) Также определены в разделе Core Ecmascript. Основные встроенные функции и объекты, такие как Json.parse , Math.random и т. Д. Так как хорошо поступают под Ecmascript. Эти вещи могут использоваться с любым Ecmascript Engine. Они не исключительны для браузера!
Новичок рекомендуется сосредоточиться только на основной детали ECMASSPST, а не беспокоиться о браузере или любой другой среде.
Итак, как браузер на самом деле использует JavaScript?
Браузер имеет около трех языков для решения. HTML, CSS и JavaScript. HTML представляет собой то, что следует отображаться на веб-странице. CSS используется для изменения внешнего вида, добавить фон, изменить цвет текста и т. Д. Но это имеет мало для отсутствия интерактивности.
Вот где находится JavaScript! Но для JavaScript взаимодействовать с HTML и CSS, должен быть способ преодолеть разрыв между двумя частями, верно?
Для этого браузеры выставляют API. API обозначает интерфейс программирования приложений. Такой интерфейс предоставляет методы и функции, которые можно вызывать с одной стороны кода (в этом случае, это JavaScript), для доступа или изменения другой стороны (HTML/CSS, в нашем случае).
Этот API в браузерах известен как Дом API (модель объекта документа).
Когда браузер получает HTML, он создает Документ объект на основе HTML. Документ Объект имеет функции, прикрепленные к нему, как GetElementById и т. Д. Что вы могли бы использовать. Благодаря использованию этих функций ваш код JavaScript теперь может взаимодействовать с частью HTML и CSS и дышать срок службы в вашей веб-странице!
Если у вас есть надлежащие знания об ECMAScript (Core JavaScript), то использование DOM API было бы очень легко для вас! Фактически, не только DOM API, но потенциально любой другой API, которую какая-либо другая окружающая среда подвергает.
Кроме домо, браузер также обнажает некоторые современные API, как LocalStorage , История , Уведомления и т. Д. Как вы создаете все больше и больше приложений, вы познакомитесь с ними со временем. Кроме того, если вы изучили основной JavaScript правильно, использование любого нового количества API для вас должно быть легко для вас.
Более того, ваша легкость не будет просто ограничена браузером, но вы также будете чувствовать себя комфортно с другими средами, такими как Node.js.
Now-a-дня, Ecmascript царит по всему. Он используется в большом количестве мест для разработки приложений для различных сред. Такие вещи, как Phonegap , Cordova , Узел-webkit И т.д. Разрешить использовать один и тот же язык для разных операционных систем и устройств. Единственное, что изменяется, – это часть «API».
Представление … «Используйте строгое»;
А пока команда ECMA объявила о своем роде «подмножество» JavaScript, которое большинство новых браузеров поддерживают – «Строгий режим» Отказ У него немного другая семантика, чем традиционный режим.
Это тот же язык, но просто добавив заявление «Используйте строгие»; В начале вашего кода вы сообщаете JavaScript Engine для анализа сценария в этом строгом режиме. Для более старых двигателей JavaScript, которые не поддерживают этот режим, они просто будут игнорировать линию.
Разница в традиционном режиме и строгий режим заключается в том, что строгий режим преобразует «ошибки» в ошибки. Традиционно JavaScript, как известно, обманывает. Например, мы знаем, что Длина Свойство, прилагаемое к функции, только для чтения. Мы не можем изменить это. Но если мы попробуем …
Это то, что происходит … несколько запутанно. Но если мы запустим тот же скрипт в строгом режиме, появляется ошибка.
Да, ошибка поднимается.
Похоже, что происходит, когда кто-то пытается неявно объявить переменную как глобальную, без var ключевое слово.
Дополнительные подробности о строгом режиме и разнице семантики из традиционных причудливых режимов можно прочитать На статье MDN о строгом режиме Отказ
Целью строгого режима является искоренение некоторых неприятностей и странных частей языка JavaScript и затрудняет введение ошибок в программе. Таким образом, это известно как «строгий» режим.
Это Высоко рекомендуется всегда использовать строгий режим, поскольку он помогает избежать плохих практик.
Некоторые «должны знать» вещи
- В значительной степени все в JavaScript – это объект. Массивы, функции,
nullRegexps и т. Д. Они все объекты. - Функции в JavaScript являются гражданами первого класса. Их можно хранить в переменных, прошедших в качестве параметров, назначенных свойств и т. Д.
- Нет ничего подобного объектам равенства в JavaScript.
Новый номер (5) Номер (5)! - Всегда используйте строгий оператор сравнения (
===) и избегайте использования (==). - Узнайте, как замыкание работы, и практикуйте использование «модуля выявления шаблона».
Инструменты для использования
Моя первая и прежде всего рекомендация: «Инструменты разработчика браузера». Каждая вещь, которую вы узнаете о инструментах DEV, будут плодотворными для жизни.
Также используйте Jslint для линта вашего кода и избегать ошибок. Вы также можете использовать плагин jslint для вашего текстового редактора.
Заключение
JavaScript не является сложным языком программирования, но оно немного отличается от других. Понятия, такие как пролотипы наследования, модель событий и т. Д. Могут быть новыми, даже для студентов, которые имеют предыдущий опыт программирования. Не говоря уже о программировании в целом могут быть запуганы иногда для новичков!
Всегда выгодно представиться на языковых функциях. Удачи!
Об авторе
Awal Garg – это веб-разработчик, свободный в HTML/CSS и JavaScript для Frontend, а также использует JavaScript на бэкэнде с узлом и Express.