20170415

JS Основы

Программы на JS можно вставлять прямо в текст веб страницы на языке HTML используя теги <script> и </script>.

Например:

Программы на JS (называются скрипты, scripts) можно также размещать во внешних файлах:

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

Файлы на JavaScript должны иметь расширение .js.

Имя файла .js следует разместить в атрибуте src (source) тега <script>

Пример подключения файлов JS:

В зависимости от практической потребности ссылки на внешние файлы можно размещать в области <head> или <body>.

Пример работы примера выше:
/samples/js_sample_1a/


В языке JS ключевой момент есть объект.

Если вы понимаете объекты, значит, вы знаете язык JS.

В JavaScript почти любая сущность есть объект.

  • Логические переменные — Booleans могут быть объектами (если определены с помощью ключевого слова new)
  • Числа — Numbers могут быть объектами (если определены с помощью ключевого слова new)
  • Строки — Strings могут быть объектами (если определены с помощью ключевого слова new)
  • Даты — Dates всегда являются объектами
  • Специальные математические объекты Maths всегда являются объектами
  • Регулярные выражения — Regular expressions всегда являются объектами
  • Массивы — Arrays всегда являются объектами
  • Функции — Functions всегда являются объектами
  • Объекты — Objects всегда являются объектами (извините за тавтологию)

Любая сущность в JavaScript, исключая примитивы — primitives, являются объектами.

JavaScript имеет 5 типов примитивов

  • string
  • number
  • boolean
  • null
  • undefined

Стандартный способ создания типа объекта — использование специальной функции-конструктора объекта:

Примеры создания объектов и примитивов:

Пример доступа к свойствам объекта:

Свойства объекта text_block1, созданного конструктором function Constr_text_block_v2(width, height, bgcolor)
Ширина:
Длина:
Цвет фона:
Все свойства:


Методы JavaScript

Методы JavaScript — это действия, которые могут быть совершены над объектами.
В JavaScript метод это свойство, которое содержит определение функции.

Рассмотрим небольшой практический пример.

Написать функцию конструктор, объект которой будет отвечать за скрытие/показ блока текста по клику на заголовке блока.

В примере ниже создаются 2 объекта с помощью одного конструктора Constr_text_block с разными параметрами. С помощью метода this.show_props = function() эти объектами представляются на веб странице соответствующими дивами и информация о значениях свойств объекта представляется в этих дивах.

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

Код, который следует установить на странице HTML —

###