В этом разделе рассмотрена общая структура и синтаксис javascript-кода с учетом основных особенностей языка.
Он очень тесно связан с разделом сайта Основные элементы языка. Вы можете читать и то и другое в удобной вам последовательности.
Стандарт (формальное описание синтаксиса и работы языка) javascript называется ECMAScript. На нем, кстати, основан не только javascript, но и несколько других языков, например ActionScript (Flash).
По ECMAScript есть спецификация, которая подробно описывает синтаксис, управляющие конструкции и базовые объекты языка.
Например, вот скрипт, который работает, используя только ECMAScript. Кстати, поэтому он будет работать и в других языках, основанных на ECMAScript, включая ActionScript:
3 |
for ( var i=0; i<Number.POSITIVE_INFINITY; i++) { |
4 |
if (i>max) throw new Error( "failed to reach the stars" ) |
ECMAScript - и правда очень особенный язык. Особенно для тех, кто пришел из PHP, C, Java. В нем особым образом устроены объекты и функции.
Здесь мы пройдем по основным особенностям и отличиям языка.
Как и во многих языках, предложения на языке javascript можно разделять точкой с запятой.
Но при переходе на новую строку в javascript точка с запятой становится необязательна, ее можно не ставить.
Эти две строки полностью эквивалентны:
В javascript перевод строки почти всегда подразумевает точку с запятой.
В частности, многие новички сталкиваются с ошибками при многострочных присваиваниях и вызовах.
Вот так не будет работать:
Так как перевод строки подразумевает точку с запятой, и javascript поймет это как
То есть, сообщит о незавершенной строке (unterminated literal) в первой строчке этого примера.
Или, например, следующие два примера кода эквивалентны:
тоже самое, что и
и совсем не то же, что
В обоих случаях будет возвращено значение undefined (это значение возвращает любая функция, где нет оператора return
, либо оператор return
вызван без аргумента), а не result
.
Чтобы многострочные операторы работали как надо - перенос строки можно указывать обратным слешем "", вот так:
Полный список синтаксических конструкций и операторов приведен в справочнике. Они похожи на PHP/C/Java, но многие имеют особенности, знание которых поможет грамотно программировать на javascript.
Блоки задаются фигурными скобками.
Локальные переменные объявляются при помощи var. Причем, в отличие от C/Java, сам по себе блок не задает отдельную область видимости.
Комментарии возможны в двух вариантах //
и /*...*/:
Переменные в javascript слабо типизированы. Это означает, что при объявлении не нужно указывать тип. Можно присвоить любой переменной любое значение.
Однако при этом интерпретатор javascript (браузер) всегда знает, какого типа значение содержит данная переменная, а значит - какие операции к ней применимы.
Переменную не обязательно объявлять. Достаточно ее просто присвоить:
Далее мы разберем основные типы переменных и действия с ними.
Функции задаются объявлением function со списком параметров:
function sayHello(name) { |
Язык javascript предоставляет очень мощные возможности по работе с функциями.
Например:
-
Неопределенное количество аргументов, подсредством arguments
-
Замыкания
Директива var
при объявлении переменной делает ее локальной, то есть видимой только внутри текущей функции. Все остальные переменные являются глобальными.
Локальная переменная объявляется так:
При объявлении можно тут же присвоить переменной значение и объявить другие переменные:
var a=5, b=6, str = "Строка" |
В следующем примере переменная a
в функции go
объявлена как локальная. Поэтому глобальное значение a=1
не изменяется в процессе выполнения go
.
А здесь - ключевое слово var
опущено, поэтому значение меняется:
Кстати, глобальных переменных в javascript на самом деле нет. То, что называют "глобальными" - на самом деле свойства специального объекта window. Например, в последнем примере alert(window.a)
тоже выдало бы 6
.
Все "глобальные" переменные привязаны к своему окну. Разные окна и фреймы имеют разные "глобальные" переменные, которыми могут обмениваться друг с другом.
Вообще, глобальных переменных в JS рекомендуется избегать, особенно при написании библиотек и компонент, которые предполагается использовать в разных приложениях.
Как правило - всё, что относится к компоненту, объявляется в виде свойств единого глобального объекта: ExtJS, dojo и т.п. Вы можете увидеть это в любом известном JS-фреймворке.
Обратите внимание, в javascript все директивы var срабатывают при входе в функцию, неважно где они находятся.
Например, посмотрим на функцию:
При входе в функцию интерпретатор javascript находит все объявления var
и создает соответствующие локальные переменные.
Поэтому в примере выше переменная res
будет во всех случаях локальная. Несмотря на то, что само объявление var res
находится ниже по коду, чем первое обращение к res
, интерпретатор создает все переменные на этапе входа в функцию, так что эта переменная локальна.
Для объявления строк используются кавычки - простые '
или двойные "
. Между ними нет никакой разницы.
Для конкатенации строк используется оператор +
.
Более подробно строки и другие базовые типы рассмотрены в статье Базовые типы: Строки, Числа, Boolean.
Javascript - объектный язык. В нем все является объектами. Строки, числа, функции и массивы - все это объекты со своими методами и свойствами. Это надо знать и иметь в виду с самого начала.
Методы объектов вызываются через точку. Например, у строки String есть метод toUpperCase, возвращающий строку в верхнем регистре:
3 |
alert( name.toUpperCase() ) |
Или даже так:
1 |
alert( "Vasya" .toUpperCase() ) |
Практически всё в javascript делается при помощи вызова методов различных объектов.
Объекты создаются функциями-конструкторами при помощи директивы new.
Вы можете почитать о них подробнее в разделе Объекты, ООП
В javascript есть два основных способа объявить массив.
Для массива с числовыми индексами обычно используется объект типа Array.
1 |
arr = new Array( "my" , "array" ) |
Свойство length содержит длину массива, которая всегда равна последнему индексу (в примере выше - это 1) плюс один.
Обычно используется другая, почти эквивалентная, запись массива, использующая квадратные скобки:
1 |
arr = [ "my" , "array" ] |
Новые элементы можно добавить в конец методом push.
Для перебора значений используется цикл for
.
1 |
arr = [ "первый" , "второй" ] |
4 |
for ( var i=0; i<arr.length; i++) { |
Более подробно массивы с числовыми индексами рассмотрены в статье Массивы .
Для массивов, ключи которых являются строками, используется Object.
Следующая запись задает ассоциативный массив с ключами n
и str
:
Для получения свойства объекта используется оператор-аксессор: точка либо квадратные скобки.
1 |
obj = { n: 1, str: "Вася" } |
Квадратные скобки позволяют получать свойство по переменной-ключу.
Точка используется, если имя свойства точно известно. Вызов obj.key
вернет свойство по имени "key"
, а квадратные скобки - по значению, которое содержится в переменной key
.
При обращении к отсутствующему свойству возвращается специальное значение undefined.
3 |
alert(a.blabla === undefined) |
В примере был использован оператор сравнения без приведения типа.
Более подробно о том, как перебирать ключи массива, и о самих объектах - вы можете узнать из статьи Объекты Javascript в примерах.
Более подробно обо всем этом можно почитать в разделе сайта Основные элементы языка.
-
Вы разобрали основы языка javascript.
-
Узнали, какие базовые типы в нем есть
-
Ознакомились с синтаксисом функций и заданием переменных в javascript
-
Освоили основные операции с числовыми и ассоциативными массивами
Очень хорошо, если вы нашли возможность прочитать статьи по ссылкам.
Впрочем, чтобы двигаться дальше - хватит и материала в этой статье.