Книга JavaScript: различия между версиями

Материал из Викиучебника — открытых книг для открытого мира
Содержимое удалено Содержимое добавлено
Строка 1: Строка 1:
== Путеводитель ==
== Путеводитель ==
Многие пытались писать книги о JavaScript. Многие их даже написали. Но все они не удовлетворяли меня. Здесь я попытаюсь научить вас этому языку программирования как никто иной. Поскольку JavaScript является [[Объектно-ориентированное программирование|объектно-ориентированным]] языком программирования, то от этого мы и будем в дальнейшем отталкиваться. Целями данного учебника является дать возможность видеть, какие возможности имеет JavaScript, и как их можно использовать для решения различных задач.
Многие пытались писать книги о JavaScript. Многие их даже написали. Но все они не удовлетворяли меня. Здесь я попытаюсь научить вас этому языку программирования как никто иной. Поскольку JavaScript является [[Объектно-ориентированное программирование|объектно-ориентированным]] языком программирования, то от этого мы и будем в дальнейшем отталкиваться. Целями данного учебника является дать возможность видеть, какие возможности имеет JavaScript, и как их можно использовать для решения различных задач.

'''JavaScript''' — это интерпретируемый язык программирования. Его код не нужно предварительно компилировать, и выполняется он непосредственно с web-страницы. Это позволяет быстро отлаживать код. Также вам не потребуется ничего, кроме текстового редактора и браузера, которые скорее всего уже у вас есть.


JavaScript разработан компанией ''Netscape Communication Corporation'', которая создала известный на весь мир Web-броузер ''Netscape Navigator''.
JavaScript разработан компанией ''Netscape Communication Corporation'', которая создала известный на весь мир Web-броузер ''Netscape Navigator''.


JavaScript имел рабочее название ''LiveScript'' и впервые был представлен как часть ''Netscape Navigator 2.0'' в 1995 году. Позже его переименовали в JavaScript, чтобы подчеркнуть его сходство с ''[[Java]]''.
JavaScript имел рабочее название ''LiveScript'' и впервые был представлен как часть ''Netscape Navigator 2.0'' в 1995 году. Позже его переименовали в JavaScript, чтобы подчеркнуть его сходство с ''[[Java]]''.

'''JavaScript''' — это интерпретируемый язык программирования. Его код не нужно предварительно компилировать, и выполняется он непосредственно с web-страницы. Это позволяет быстро отлаживать код. Также вам не потребуется ничего, кроме текстового редактора и браузера, которые скорее всего уже у вас есть.


Сейчас мы с вами создадим '''первый сценарий на JavaScript''' - уже ставшую стандартной [[w:программа Hello world|программу "Hello World!"]]. Создайте в каком-либо месте текстовый файл ''txt'' (к примеру на Рабочем столе). Откройте его и введите следующий текст:
Сейчас мы с вами создадим '''первый сценарий на JavaScript''' - уже ставшую стандартной [[w:программа Hello world|программу "Hello World!"]]. Создайте в каком-либо месте текстовый файл ''txt'' (к примеру на Рабочем столе). Откройте его и введите следующий текст:

Версия от 18:47, 19 мая 2011

Путеводитель

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

JavaScript разработан компанией Netscape Communication Corporation, которая создала известный на весь мир Web-броузер Netscape Navigator.

JavaScript имел рабочее название LiveScript и впервые был представлен как часть Netscape Navigator 2.0 в 1995 году. Позже его переименовали в JavaScript, чтобы подчеркнуть его сходство с Java.

JavaScript — это интерпретируемый язык программирования. Его код не нужно предварительно компилировать, и выполняется он непосредственно с web-страницы. Это позволяет быстро отлаживать код. Также вам не потребуется ничего, кроме текстового редактора и браузера, которые скорее всего уже у вас есть.

Сейчас мы с вами создадим первый сценарий на JavaScript - уже ставшую стандартной программу "Hello World!". Создайте в каком-либо месте текстовый файл txt (к примеру на Рабочем столе). Откройте его и введите следующий текст:

<html>
  <script type="text/javascript">
     document.write("Hello World!");
  </script>
</html>

Сохраните документ, а затем смените расширение файла на htm или html. Откройте его в любом браузере. Должна появиться надпись Hello World!.

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

Программа JavaScript так же может находится в отдельном файле с расширением .js. Содержимое в файле не должно иметь тегов <script>...</script>. Создадим файл JS.js с содержимым:

document.write("Hello World!")

и документ JS.htm:

<HTML>
  <script src=JS.js language="JavaScript">
  </script>
</HTML>

В этом случае результат будет точно такой же.

Переменные

Переменные в JavaScript назначаются двумя способами: 1. С помощью оператора «=»: переменная = значение. Пример:

x = 1

2. С помощью ключевого слова var и оператора «=»: var переменная или var переменная = значение. Пример:

var x
x = 1
//или
var x = 1

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

var x = 1, y = 2

В именах переменных могут использоваться латинские буквы (a...z, A...Z), цифры (0...9) и знак подчёркивания (_), при этом нельзя использовать цифру первой. Необходимо помнить, что JavaScript — регистрозависимый язык, и переменные X и x, будут считаться различными.

Операторы

Комментарии

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

1. Оператор «//» используют, чтобы текст расположенный справа от оператора до конца строки сделать комментарием: программа // комменатрий новая_строка программа. Пример:

// Программный код
x = 3   // Присвоение переменной x значения 3
y = 5   // Присвоение переменной y значения 5
// Программный код

2. Операторы «/*» и «*/» используют, чтобы текст расположенный внутри операторов сделать комментарием: программа /* комментарий */ программа. Пример:

x = 3   /* Присвоение переменной x значения 3,
           а переменной y — 5: */
y = 5

Арифметические

Оператор Название Пример
+ Сложение x + y
- Вычитание x - y
* Умножение x * y
/ Деление x / y
% Деление по модулю (остаток) x % y
++ Инкремент (увеличение на 1) x++
-- Декремент (уменьшение на 1) x--

Примеры использования:

6 + 3    // результат 9
6 - 3    // результат 3
6 * 3    // результат 18
6 / 3    // результат 2
5 % 3    // результат 2
6++      // результат 7
6--      // результат 5

Можно использовать и с переменными:

x = 3           // значение x — 3
y = 5           // значение y — 5
z = x + y       // значение z — 8

Возможно использование в выражениях со скобками:

4 + 5 * 2       // результат 14
(4 + 5) * 2     // результат 18

В арифметических операциях логические значения считаются: true — 1, false — 0:

5 + true     // результат 6
5 + false    // результат 5
4 * true     // результат 4
4 * false    // результат 0
true + true  // результат 2
true + false // результат 1

Оператор сложения можно использовать для склейки строк:

"Java" + "Script"  // результат "JavaScript"
a = "Java"
b = "Script"
a + b              // результат "JavaScript"
"Уровень" + 5      // результат "Уровень5"
"Уровень" + true   // результат "Уровеньtrue"
"1" + "2"          // результат "12"

Другие арифметические операторы со строками дают значение NaN:

"J" * 5    // результат NaN
"J" - 5    // результат NaN
"J" - "J"  // результат NaN