Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Javascript и jQuery.docx
Скачиваний:
4
Добавлен:
25.09.2019
Размер:
52.18 Кб
Скачать

Методы и свойства

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

Метод

Описание

split

Разбивает строку на подстроки

substr

Извлекает подстроку из строки

indexOf

Находит индекс указанного символа в строке

lastIndexOf

Находит индекс последнего появления указанного символа в строке

match

Возвращает массив символов совпадающих с указанным символом

replace

Заменяет символы в строке

search

Проверяет на наличие указанного символа в строке

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

Регулярные выражения

Синтаксис регулярных выражений практически не зависит от языка программирования, то есть он является унифицированным. В Javascript присутствует специальный объект RegExp. Существует две формы создания регулярных выражений: при помощи конструктора, а также литеральный метод.

Пример:

var regString = "a";

var regexp1 = new RegExp(regString, "ig");

//Создаем объект и передаем в него искомую строку

var regexp2 = /a/ig;

/*Создаем аналогичное первому регулярное выражение, но без использования конструктора*/

alert("aAbbccAa".replace(regexp1, "символ"));

alert("aabbccaa".replace(regexp2, "символ"));

//Заменяем все символы "a", без учета регистра, на слово "символ"

Примечание: Самой главной отличительной особенностью является то, что при создании регулярного выражения с помощью конструктора, у нас есть возможность передавать в него значение какой-либо переменной, тем самым обеспечивая параметризацию. В тот же момент необходимо помнить, что специальные символы при объявлении конструктора необходимо экранировать, \\r\\n

Аналогично методу replace, с регулярными выражениями работают все перечисленные выше методы объекта String.

Функции

Javascript имеет возможность создания функций. Как и для переменных в объявлении здесь нет необходимости указывать тип возвращаемых данных, происходит автоматическое преобразование. Ключевое слово function инициирует создание функции.

Пример:

function sum(x, y)

{

return x + y;

}

alert(sum(2, 4));

//Выводиться сообщение содержащее значение 6

Также существуют так называемые Лямбда-функции. Лямбда-функцию нет надобности объявлять. Она существует только на момент ее вызова и до тех пор ее тело исполняется. Это одна из особенностей Javascript.

Пример:

setTimeout(function()

{

alert(1)

}, 1000);

/*Функция setTimeout вызовет информационное сообщение через 1 секунду*/

Классы

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

Пример:

function Class1(param1, param2)

//Объявление класса

{

this.param1 = param1;

this.param2 = param2;

//Конструктор, также эти переменные являются публичными

var param3 = 10;

//Приватная переменная

this.method = function()

//Объявление метода

{

return this.param1 + this.param2;

}

}

var instance = new Class1(10, 20);

//Создание экземпляра класса

alert(instance.method());

//Метод возвращает результат 30

alert(instance.param3);

/*Выводиться сообщение undefined, так как свойство является приватным*/

Примечание: Наследование в Javascript осуществляется посредством подключения специальных библиотек

jQuery

Существует множество библиотек улучшающих и дополняющих привычный Javascript. Но большинство из них обладает огромным недостатком – своими гигантскими размерами, а при создании веб-приложений, «размер имеет значение».

Библиотека jQuery в последнее время перестает быть просто библиотекой и постепенно становиться если и не полноценным языком программирования, то значительной надстройкой над Javascript.

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

Функция $()

Так как чтобы работать с элементами на странице, необходимо дождаться пока они все будут загружены, на смену стандартному методу Javascript onload, приходит функция jQuery $(document).ready, или ее сокращенная запись $(). Ее преимущество в том, что она не ждет пока на странице загрузится весь контент, картинки, баннеры и прочее.

Пример:

$(function()

{

//Здесь уже может писаться код

});

Примечание: В качестве аргумента в $() передается лямбда-функция, которая и будет выполнять все дальнейшие действия. Далее уже в этой функции можно описывать действия, которые должен выполнять jQuery, а также любые описания Javascript.

В зависимости от передаваемых параметров функция $ может выполнять разные действия.

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]