Операторы

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

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

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

Ниже описаны операторы, которые используются в JavaScript:

Операторы Присваивания (=, + =, - =, * =, / =)

Оператор присваивает значение левому операнду, основанному на значении правого операнда. Основной оператор присваивания равенство (=), который присваивает значение правого операнда левому операнду. То есть x = y приписывает значение y к x.

Другие операторы - стенография для стандартных арифметических действий выглядят следующим образом: Сложение, конкатенация:X + = y означает x = x + y Вычитание:x - = y означает x = x - y Умножение:X * = y означает x = x * y Деление:X / = y означает x = x / y Вычисление остатка от деления: X % = y означает x = x % y

Операторы Сравнения (==, >, >, =<, <=,!=)

Оператор сравнения сравнивает его операнды и возвращает логическое значение, основанное на том, является ли сравнение true или false. Операнды могут быть численными или строковыми значениями. Когда используется на строковых значениях, то сравнения основывается на стандартном лексикографическом порядке.

Операторы Строки

В дополнение к операторам сравнения, которые могут использоваться на значениях строк, оператор конкатенации (+), суммирует две строки вместе, возвращая другую строку, которая является соединением двух строк операнда. Например,

"my " + "string"

Возвращает строку

"my string"

Определение Функций

Хорошо определять все ваши функции в HEAD вашей HTML страницы. Потому, что все функции будут определены прежде, чем любое содержание показано. Иначе, пользователь может выполнять какое - нибудь действие, в то время как страница все еще загружается, которое вызывает обработчик событий и вызывает неопределенную функцию, ведя к ошибке.

Определение Методов

Метод - функция, связанная с объектом. Вы определяете метод таким же образом, так как вы определяете стандартную функцию. Затем, используйте следующий синтаксис, чтобы связать функцию с существующим бъектом: object.methodname = function_name Где object - существующий объект, methodname - имя, которое вы присваиваете методу, и function_name - имя функции.

Вы можете вызывать метод в контексте объекта следующим образом: object.methodname (params);

Определение Методов

Вы можете определять методы для типа объекта включением определение метода на определении типа объекта. Например, пусть у вас есть набор файлов изображений GIF, и вы хотите определить метод, который показывает информацию для car, наряду с соответствующим изображением. Вы можете определить функцию типа: function displayCar() { var result = "A Beautiful " + this.year + " " + this.make + " " + this.model; pretty_print(result) } Где pretty_print - предопределенная функция, которая показывает строку. Используйте this, чтобы обратиться к объекту, который принадлежит методу.

Вы можете делать функцию методом из car, прибавляя утверждение This.displayCar = displayCar;к определению объекта. Так, полное определение car теперь выглядит так: function car(make, model, year, owner) { this.make = make; this.model = model; this.year = year; this.owner = owner; this.displayCar = displayCar; }

Вы можете вызывать этот новый метод следующим образом: car1.displayCar () car2.displayCar () Это будет выглядеть подобно следующему выводу:

A Beautiful 1993 Eagle Talon TSi

A Beautiful 1992 Nissan 300ZX

Орератор return

Орератор return указывает значение, которое будет возвращено функцией. return expression;

Открытие и закрытие окон

Преобразование типов данных

Тип переменной зависит от того, какой тип информации в ней хранится. JavaScript не является жестко типизированным языком. Это означает, что вы не должны точно определять тип данных переменной, в момент ее создания. Тип переменной присваивается переменной автоматически в течение выполнения скрипта. Так, например, вы можете определить переменную следующим образом: var answer = 42

А позже, вы можете присвоить той же переменной, например следующее значение: answer = "Thanks for all the fish..." Или рассмотрим следующее выражения: //пример var oneString="1" var oneInt=1 var oneConcatenate=oneString+oneInt // В результате получается "11" var oneAddition=oneInt+oneString // В результате получается 2

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

Поскольку JavaScript свободно типизированный язык, то это не вызовет ошибки.

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

Вообще, в выражениях, включающие числовые и строковые значения, JavaScript преобразовывает числовые значения в строковые. Например, рассмотрим следующие утверждение: x = "The answer is " + 42 y = 42 + " is the answer."

Первое утверждение будет строка "The answer is - 42 ". Второе утверждение возвращает строку " 42 - The answer is".

Применение оператора

Пример Фреймов

Если frameset в предыдущем примере разработан, чтобы представить доступные названия для music club, фреймы и их файлы HTML могут иметь следующее содержание: category.html, в фрейме listFrame, содержит список музыкантов, сортируемых классом. titles.html, в фрейме contentFrame, содержит алфавитный список каждого музыканта и названий, доступных для того музыканта. navigate.html, в фрейме navigateFrame, содержит гиперссылки, которые позволяют пользователю, выбирать, как музыканты показаны в listFrame: в алфавитном списке или категорическом списке. Этот файл также определяет гиперссылки, которые позволяют пользователю, выделить описание каждого музыканта. Дополнительный файл, alphabet.html, содержит список музыкантов, сортируемые в алфавитном порядке. Этот файл показана в listFrame, когда пользователь нажимает связь для алфавитного списка.

Файл category.html (категорический список) содержит следующий код: Music Club Artists

Jazz Toshiko Akiyoshi John Coltrane Miles Davis Dexter Gordon

Soul Betty Carter Ray Charles ... The file alphabet.html (the alphabetical list) contains code similar to the following: Music Club Artists Toshiko Akiyoshi The Beatles Betty Carter Ray Charles ...

Файл navigate.html (навигационные связи внизу экрана) содержит следующий код: Alphabetical By category Musician Descriptions

Начало комментария,

Следующий пример демострирует цикл while,

продолжающийся до тех пор пока

in является полезным средством для

Эта функция возвращает общую долларовую

Следующая функция преобразует значение минут

Следующая функция возвращает квадрат ее

Приведем пример, когда переменная

Следующий цикл while повторяется, пока

Оператор width особенно полезен при

Создание Массивов

Массив - упорядоченное множество значений, на которые вы ссылаетесь через имя массива и индекс. Например, у вас есть массив, с именем emp, который содержит имена служащих, индексированные их номером служащего. Так emp [1] будет служащий номер один, emp [2] служащий номер два, и так далее.

JavaScript не имеет явный тип данных массива, но из-за близкой связи между массивами и объектами свойств (смотрите Объектная Модель JavaScript). Вы можете определять тип объекта массива, следующим образом: function MakeArray(n) { this.length = n; for (var i = 1; i <= n; i++) { this[i] = 0 } return this } }

Здесь определяется массив такой что первое свойство, длина, (с индексом ноля), представляет число элементов в массиве. Оставшиеся свойства имеют индекс целого числа один или больше, и инициализированы к нолю.

Вы можете создавать массив вызывая new с именем массива, определяя число элементов, которые имеет. Например: emp = new MakeArray(20);

Здесь создается массив, с именем emp с 20 элементами, и элементы инициализируется к нолю.

Начальная загрузка Массива

Вы можете заполнять массив, просто присваивая значения к ее элементам. Например: emp[1] = "Casey Jones" emp[2] = "Phil Lesh" emp[3] = "August West" И так далее.

Вы можете также создавать массивы объектов. Например, пусть вы определяете тип объекта, именованный Employees, следующим образом: function Employee(empno, name, dept) { this.empno = empno; this.name = name; this.dept = dept; }

Затем следующие утверждения определяет массив этих объектов: emp = new MakeArray(3) emp[1] = new Employee(1, "Casey Jones", "Engineering") emp[2] = new Employee(2, "Phil Lesh", "Music") emp[3] = new Employee(3, "August West", "Admin")

Затем Вы можете легко показывать объекты в этом массиве, используя функцию show_props (определенную в разделе Объектная Модель JavaScript) следующим образом: for (var n =1; n <= 3; n++) { document.write(show_props(emp[n], "emp") + " "); }

Создание Новых Объектов

И клиент и сервер JavaScript имеют строки предопределенных объектов. Кроме того, вы можете создавать ваши собственные объекты. Создание вашего собственного объекта требует двух шагов: Определить тип объекта, написанной функции. Создать образец объекта с new.

Чтобы определять тип объекта, создайте функцию для типа объекта, которая определяет его имя, и его свойства и методы. Например, пусть вы хотите создавать тип объекта для автомобилей. Вы хотите этот тип объектов, который будет назван car, и Вы хотите, чтобы он имел свойства для make, model, year, и color. Чтобы сделать это, вы должны написать следующую функцию: function car(make, model, year) { this.make = make; this.model = model; this.year = year; }

Замечание, используйте this, чтобы присвоить значения свойствам объекта, основанные на значениях функции.

Теперь вы можете создавать объект, с именем mycar следующим образом: mycar = new car("Eagle", "Talon TSi", 1993);

Это утверждение создает mycar и присваивает ему указанные значения для его свойств. Затем значение mycar.make - строка "Eagle", mycar.year - целое число 1993, и так далее.

Вы можете создавать любое число объектов car запрашивая к new. Например, kenscar = new car("Nissan", "300ZX", 1992)

Объект может иметь свойство, которое является самостоятельным другим объектом. Например, пусть вы определили объект с именем person следующим образом: function person(name, age, sex) { this.name = name; this.age = age; this.sex = sex; }

И затем подтверждаете два новых объектов person следующим образом: rand = new person("Rand McNally", 33, "M") ken = new person("Ken Jones", 39, "M")

Затем вы можете перезаписать определение car, чтобы включить свойство владельца, которое берет объект person, следующим образом: function car(make, model, year, owner) { this.make = make; this.model = model; this.year = year; this.owner = owner; }

Затем вы используете следующее: car1 = new car("Eagle", "Talon TSi", 1993, rand); car2 = new car("Nissan", "300ZX", 1992, ken)

Заметим, что вместо прохождения строкового литерала или целого числа вычисляет при создании новых объектов, вышеупомянутый ход утверждений объектов rand и ken как аргументов владельцев. Затем, если вы хотите выяснять имя владельца car2, вы можете обращаться к следующему свойству: car2.owner.name

Заметьте, что вы можете всегда прибавлять свойства к предопределенному объекту. Например, утверждение: car1.color = "black"Прибавляет свойство color к car1, и присваивает ему значение " black". Однако, это не воздействует на любые другие объекты. Чтобы прибавить новое свойство ко всем объектам того же самого типа, вы должны прибавить свойство к определению типа объекта car.

Старшинство Оператора

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

Старшинство операторов, от самого низкого до самого высокого будут следующие: Запятая, Присвоение =+=-=*=/=%=<<=>>=>>>=&=^=|= Выбор по условию ? : Логическое ИЛИ || Логическое И && Побитовы ИЛИ | Побитовый исключающее ^ Побитовое И & Неравенство != Равенство/Неравенство == != Сравнение <<=>> = Побитовый сдвиг << >> >>> Сложение/вычитание + - Умножите/деление * / % Отрицание/дополнение/унарный минус/инкримент/дикримент ! ~ - ++ -- Вызов, передача параметров () [].

Строки

Строковые литералы - ноль или большее количество знаков, располеженные в двойных (") или одинарных (') кавычках. Строки должен быть разделены кавычками того же самого типа; то есть или обе одинарные кавычки или двойные кавычки. Использование обратной двойной черты "\" позволяет вставлять в строку специальные символы. Приведем примеры строковых литералов: "Blah" 'Blah' "1234" "one line \n another line"

Специальные символы

Вы можете использовать следующие специальные символы в строковых литаралах JavaScript: \b указывает возврат на один символ. \f указывает перевод страницы. \n указывает новую цифру(знак) линии. \r указывает возврат каретки. \t указывает cимвол табуляции.

Символы Выхода

Вы можете вставлять кавычки внутри строки, предшествуя им наклонной чертой влево. Это известно как выход кавычек. Например, document.write("\"Вам следует принять ванну\",- сказал доктор и наморщил нос.") выводит "Вам следует принять ванну", - сказал доктор и наморщил нос.

Тег NOSCRIPT

Тег <NOSCRIPT> подобен тегу NOFRAMES для фреймов. HTML включенный внутри тега отображается как non-JavaScript браузера; код, включенный внутри тега hiden, игнорируется Navigator. Используйте этот тег, чтобы определить альтернативное содержание для браузера, который не поддерживают JavaScript, или в случае, если пользователь отключил JavaScript в Options | Network Preferences.

Например: This page uses JavaScript, so you need to get Netscape Navigator 2.0 or later!

Управление окнами