Как исправить распространенные ошибки Javascript

Вопрос читателя:
«Привет, Уолли, я только начал изучать JavaScript, и у меня получается лучше, но я все равно постоянно совершаю ошибки. Есть ли у вас какие-нибудь советы по устранению неполадок, которые я мог бы использовать? ” – Ричард Ю., США

Ответ Уолли: Программированию на JavaScript легко научиться. Вы можете использовать JavaScript, даже не изучив его целиком. Если вы хотите заниматься программированием профессионально, вам следует подумать об изучении javascript более тщательно. Ведь многие свободный доступны онлайн-ресурсы для изучения JavaScript.

Что такое JavaScript?

Javascript стал одним из самых универсальных и популярных языков программирования в Интернете. Первоначально он был предназначен для написания клиентских сценариев, позволяющих взаимодействовать с пользователем.

С тех пор он стал популярным языком программирования для разработки игр, а также для написания настольных приложений. IDE (интегрированная среда разработки) обычно используется для написания и отладки javascript (а также другого) кода. Вы можете скачать редакторы JavaScript, например Аптана Студия писать и редактировать код javascript.

Ошибка JavaScript в Internet Explorer

Большинство ошибок вызвано неправильным синтаксисом. Иногда это также может произойти из-за того, что скрипты заблокированы в веб-браузере пользователя. Ошибки JavaScript часто отображаются в Internet Explorer в виде небольшого желтого значка.
Javascript - желтый треугольник - Готово, но с ошибками на странице - WindowsWally

1. Загрузите веб-страницу в Internet Explorer. Если возникает ошибка и желтый значок появляется, затем дважды щелкните его, чтобы отобразить подробную информацию, включая строку кода, в которой произошла ошибка.

2. Откройте веб-страницу в редакторе HTML или JavaScript и найдите строку кода, содержащую ошибку. Ошибка может быть простой, например, отсутствующей скобкой или точкой с запятой.

Отключить активную отладку скриптов

Internet Explorer отображает желтый значок ошибки, если сценарий не соответствует требованиям безопасности. Это можно легко отключить.

1. В Internet Explorer > Щелкните значок Шестерни значок для входа в инструменты меню> настройки интернета > Безопасность вкладка

2. В Безопасность вкладка> щелкните Пользовательский уровень
Javascript - Internet Explorer 10 - Свойства обозревателя - вкладка Безопасность - Другой уровень - WindowsWally

3. В появившемся диалоговом окне найдите Сценарии > Активные сценарии > щелкните включить > Щелкните Хорошо
Javascript - Internet Explorer 10 - Свойства обозревателя - вкладка Безопасность - Другой уровень - Параметры безопасности - WindowsWally

Типичные ошибки новичков в JavaScript:

Пропуск точки с запятой

Проблема: Javascript использует точки с запятой для завершения операторов. Вот почему все операторы, написанные на JavaScript, должны заканчиваться точкой с запятой. Некоторых это не беспокоит, потому что компилятор автоматически вставляет точки с запятой. Поскольку большинство языков программирования используют это соглашение, и поскольку в некоторых случаях компилятор не вставляет точки с запятой автоматически, это может быть немного рискованно.

Решение: Вставляйте точки с запятой, как обычно. Когда вы к этому привыкнете, это станет привычкой, и вы этого даже не заметите.

Использование глобальных переменных

Проблема: В Javascript переменные глобальные. Это означает, что они доступны из любого места кода и из других файлов, загруженных на той же странице. Для новичка это может привести к непреднамеренной перезаписи значений в коде.

Решение: Решение простое. Использовать инкапсуляция техники.

Использование == вместо ===

Проблема: Случайное использование двойного равного вместо тройного. Оператор двойного равенства пытается изменить два значения и привести их в соответствие. например,

if (10 == '10') {
console.log("True!!");
}

здесь он дает вывод True !! потому что он преобразовал строку 10 в число 10. Triple-equals не пытается изменить значения, чтобы они совпадали, он только сравнивает их, чтобы проверить, равны ли они. То же верно и для != и !==

Решение: Проверяя, совпадают ли два значения или нет, используйте ===

Неэффективное использование DOM

Проблема: Добавляя много элементов в DOM, не добавляйте их все по отдельности. Когда каждый элемент вставляется в DOM, он заставляет браузер перерисовывать всю страницу.

Решение: Решением этой проблемы является вставка нескольких элементов в модель DOM с использованием фрагментов документа. Фрагменты документа действуют как контейнеры и одновременно содержат множество элементов DOM. например

var list = doc.getElementId("list"),
    frag = doc.createDocFrag(),
    items = ["AA", "BB", "CC", "DD"],
    el;
for (var i = 0; items[i]; i++) {
  el = doc.createElement("li");
  el.addChild( doc.createTextNode(items[i]) );
  frag.addChild(el);
}
list.addChild(frag);

Не использовать фигурные скобки на если и в то время как заявления

Проблема: Отсутствие скобок на если и в то время как операторы возможны, если они содержат только одну строку кода. Но это может сделать код неясным, и иногда его становится трудно читать. например,

if (true)
console.log("part of the if-statement.");
console.log("separate from the if-statement.");

здесь вторая строка не является частью если заявление.

Решение: Просто добавьте подтяжки, как всегда. Так лучше.

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

Удачных вычислений! :)



.

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *