Книга JavaScript: различия между версиями
Freezeman (обсуждение | вклад) |
Freezeman (обсуждение | вклад) |
||
Строка 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