JavaScript

JavaScript — что это такое, зачем нужен и как его использовать?

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

Современные браузеры в обязательном порядке имеют поддержку языка JavaScript.

Команды JavaScript добавляются на веб-страницы с помощью тега <script>, причём исполняемый скрипт нужно вносить в окне Текст CMS WordPress. Контейнеров <script> в одном документе может быть сколько угодно. Атрибут «type=’text/javascript’» указывать необязательно, так как по умолчанию стоит javascript.

Вот пример:

<script type=«text/javascript»>
document.write(«Вывод текста стандартной командой JavaScript.»);
</script>

Атрибут type тега <script> сообщает браузеру о том, команды какого скриптового языка встроены далее до закрывающего тега </script>.

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

JavaScript допускает короткие комментарии — комментарии, длина которых не превышает длину строки. Всё, что находится после двух символов // до конца строки, будет являться коротким комментарием. Вот два примера коротких комментариев:

// 1. Команда ниже отображает Абзац, выводимый жирным шрифтом
document.write(«<p><b>Абзац, выводимый жирным шрифтом.</b></p>»);

document.write(<i>Hello, World!</i>);// 2. Вывод курсивом строки Hello, World!

Кроме того, JavaScript допускает многострочные комментарии — комментарии,  которые распространяются на несколько строк. Вот пример такого комментария:

/*
Первая команда выводит абзац жирным шрифтом,

а вторая команда выводит абзац курсивом
*/
document.write(«<p><b>Абзац, выводимый жирным шрифтом.</b></p>»); document.write(«<p><i>Абзац, выводимый курсивом.</i></p>»);

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

Скрипт этого языка можно как внедрять непосредственно в HTML-код страницы, так и выносить в файл, который может вызываться разными страницами. Вот пример вызова файла со скриптом:

<script type=«text/javascript» src=«http://Путь_к_файлу_со_скриптом»></script>

Если указан атрибут src=»… «, то содержимое тега игнорируется,  то есть в одном теге script нельзя одновременно подключить внешний скрипт и указать код, поэтому нужно выбирать:  script либо содержит src, либо содержит код. При необходимости просто код вносим в другой script.

Кстати, WordPress версии 4.0 не признаёт код JavaScript в HTML-коде страниц и портит его, пряча код JavaScript за <![CDATA[ — поэтому необходимо использовать js-файлы.

Строгий режим, «use strict»

Современная спецификация языка содержит ряд несовместимых изменений, по сравнению со старым стандартом.

Чтобы не переделывать существующий код, они, в основном, включаются при наличии специальной директивы use strict. Эта директива не поддерживается браузером IE9 и последующими версиями.

Директива выглядит как строка «use strict»; или ‘use strict’;, и может стоять в начале скрипта, либо в начале функции, например:
«use strict»;// Последующий код скрипта или функции соблюдает стандарт ES5

Например, присвоение переменной без её объявления в старом стандарте было допустимо, а в современном стандарте стало недопустимо.

За строгим режимом будущее, поэтому его лучше использовать.

Для освоения языка JavaScript можно использовать современный учебник на сайте http://learn.javascript.ru, а также учебник и справочник JavaScript на сайте http://www.wisdomweb.ru

http://javascript.ru/manual — справочник по JavaScript на русском языке, он содержит основную информацию по языку, без функций для работы с документом. К нему можно обращаться и по адресу, если знаете, что искать. Например, так: http://javascript.ru/RegExp

Спецификация (формальное описание синтаксиса, базовых объектов и алгоритмов) языка Javascript называется ECMAScript.

Ее перевод есть на сайте в разделе стандарт языка.

Современный стандарт — это ECMA-262 5.1 (или просто ES5), поддерживается всеми современными браузерами.

Не за горами — новая спецификация ES6, в которой предусмотрены еще много полезных возможностей, делающих разработку быстрее и веселее.

Вот важные особенности использования JavaScript:

Программы на JavaScript должны храниться в .js — файлах.

JavaScript код не должен быть встроен в HTML файлы, если код не является специфичным для одной сессии. Код в HTML значительно увеличивает вес страницы без возможности уменьшения за счет кэширования и сжатия.

<script src=filename.js> тэги должны быть размещены по возможности в конце документа. Это уменьшает задержки при загрузке html страницы.

Имеет смысл использовать JSLint — программу, написанную на JavaScript, которая предназначена для поиска проблем в программах JavaScript.

JavaScript является молодым языком. Первоначально он использовался для выполнения небольших задач в веб-страницах, задач, для которых Java был слишком тяжелым и неуклюжим.

В настоящее время, язык JavaScript играет большую роль в веб, и используется в больших и сложных проектах. Многие из функций, которые были реализованы в языке, были направлены на то, что бы сделать его простым, но когда проекты становятся больше и сложнее, то появляется повод для беспокойства из за такой функционала.

Поэтому программы на JavaScript нуждаются в таком инструменте, как JSLint.

JSLint берёт исходный код JavaScript и сканирует его. При нахождении проблемы возвращается сообщение с её описанием и приблизительное её месторасположение в исходном файле. Проблема не обязательно может быть ошибкой синтаксиса, также проводятся проверки стиля, соблюдение структуры кода.

Соглашения о коде языка JavaScript подробно описаны здесь.

…!

Приглашаю всех высказываться в Комментариях. Критику и обмен опытом одобряю и приветствую. В хороших комментариях сохраняю ссылку на сайт автора!

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

Deviz_6

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

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

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Проверка комментариев включена. Прежде чем Ваши комментарии будут опубликованы пройдет какое-то время.