Встроенные Javascript функции

Лабораторная работа № 4

Встроенные Javascript функции

В JavaScript достаточно много функций, встроенных в синтаксис языка. Рассмотрим одну из них.

eval(строка)

Функция eval(строка) вычисляет выражение в указанной строке (в качестве параметра); выражение должно быть составлено по правилам языка JavaScript и не содержать тегов HTML

Рассмотрим примеры использования функции eval:

1 2 3

var y = 5; // значение у равно 5 var x = "if (y==5) y*2-3"; // значение х равно строке символов var rezult = eval(x); // rezult равно 7

Задание 1. В скрипте запрашивать у пользователя ввести в диалоговое окно ввода JavaScript математическое выражение, затем это выражение должно вычисляться и результат выдаваться в диалоговом окне.

 

 

Пользовательские Javascript функции

Синтаксис создания функции:

1. Функция в роли процедуры. Если функция выполняет какие-либо действия и не возвращает значение:

function имя_функции(аргументы){        код; }

Важно: Если аргументы у функции отсутствуют, то после имени функции ставятся пустые скобки ().

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

имя_функции (аргументы); // с агрументами имя_функции (); // без аргументов

Пример:

function sayHello() {        alert("hello"); } //... sayHello();

Если функция возвращает значение

function имя_функции(аргументы){        код;        return результат или выражение }

Важно: В javascript return — оператор, который завершает выполнение функции и возвращает значение

 

В javaScript вызов функции, возвращающей значение, происходит следующим образом:

var a = имя_функции (аргументы); alert(a);

Пример:

1 2 3 4 5 6 7 8 9

function sayHello() {        alert("1"); // выполнится        return "привет!"; // завершаем выполнение функции        alert("2"); // не выполнится, т.к. после return }   var a=sayHello(); alert(a);

Как видно из примера, после return функция действительно завершает свою работу. Поэтому оператор alert("2") выполняться уже не будет.
Вызов же функции происходит через присваивание. Вызов в данном примере можно также организовать так: alert(sayHello());, но это не рекомендуемый вариант.

Важно: Таким образом, оператор return указывает на возвращаемое значение функции, которое будет передано переменной при следующей форме вызова:
переменная = имя_функции();

 

Задание 2. Дополните код согласно заданию: В переменную povtor присвоить результат выполнения функции confirm, которая принимает фразу «Пройти заполнение еще раз?»

1 2 3 4 5 6 7

function say() { document.write("Вы здесь?" + "<br/>"); } do { say(); povtor =... } while (povtor);

 

Задание 3. Создать функцию, которая вычитает два вводимых пользователем в диалоговое окно числа и выводит сообщение с результатом (функция без параметров)

 

Все способы создания пользовательских функций

Классический синтаксис

function a1(x, y) {    return x + y; }

Явное создание объекта Function

//обязательным является только последний аргумент – тело функции var a1 = new Function('x', 'y', 'return x + y');

или

var a1 = new Function('return "hello"');

3. еще один вариант создания

var a1 = function(x, y) { return x + y; };

Вызов функций во всех случаях будет:

var a = a1(3, 4);

Использование выражений с функциями

Обычное использование javascript функции:

1234567

function sum(arg1,arg2){       var a=arg1+arg2;       return a;}var b=sum(1,2);alert(b);

Функция как составная часть выражения:

123456789101112131415

function sum(arg1,arg2){       var a=arg1+arg2;       return a;}var b=sum(1,2);alert(b); function add(){       var c=1+sum(1,2);       return c;}var d=add();alert(d);

Во второй функции используется выражение, ссылающееся на первую функцию (в 11-й строке).

Задание 6. Создать функцию, возвращающую наибольшее из трех чисел. Аргументами функции являются сами числа

Рассмотрим другие варианты использования выражений с функциями (только для функций, которые возвращают результат):
Функция:

1234	function plRectangle(width, height){       var S = width * height;       return S}

Варианты выражений:

1. Вызов функции как часть выражения:

1	S3 = 0.5 * plRectangle(a, b);

Глобальные переменные

— создаются на уровне сценария и сохраняются до конца сценария;

— объявляются до описания javascript функции;

— могут быть причиной сложно находимых ошибок;

Локальные переменные

— создаются внутри фрагментов кода и не видны извне;

— явно объявляются в теле javascript функции;

— аргументы (параметры) функции — всегда локальные переменные;

— лучше использовать локальные переменные, так как доступ к ним больше контролируется.

Задание 8. Дополните код согласно заданию:

Создать 2 переменные глобальной и локальной области видимости (то есть внутри функции func) с именами: global, local.

В переменную global занести текст “Привет”, в local — “Мир”.

function func() { }func();

1.

12345678

function plRectangle(width, height){       var S = width * height;       return S // Локальная переменная S }var S = 2; // Глобальная переменная S z = plRectangle(2, 3);alert(z);alert(s);

Пример: Значение z равно 6, а значение S осталось равным 2, то есть значению глобальной переменной, определенной во внешней программе

2.

1234567891011

function plRectangle(width, height){       var s = width * height; // аргументы всегда локальны        width = width + 10;        return s}width = 2;height = 3;z = plRectangle(width, height);alert(z);alert(width);

Пример: Значение z равно 6; значение переменной widthравно 2, то есть осталось без изменений

3.

12345678

function plRectangle(width, height){       S = width * height;       return S // S - глобальная переменная (т.к. без определения var) }var z = plRectangle(2, 3);alert(z);alert(S);

Пример: Значения и z и S равны 6; S — глобальная переменная

4.

12345678

function Plrectangle(width, height){       S = width * height;       return S}z = Plrectangle(2, 3);S=2;alert(z);alert (S);

Пример: Значение z равно 6, а значение S осталось равным 2, то есть значению глобальной переменной, определенной во внешней программе

5.

12345678910

function plRectangle(width, height){var S = width * height;var x = 17;return S}z = plRectangle(2,3);alert(z);alert(x); // Локальная переменная x alert (S); // Локальная переменная S

Пример: Значение z равно 6; переменная S во внешней программе не определена; переменная х во внешней программе не определена

Задание 9. Что выведет на экран следующий код?

 

1234567

var variable = "Глобальная переменная";function f() { var variable = "Локальная переменная"; document.write(variable + "<br/>");}f();document.write(variable);

Задание 15.

Описать функцию Cos1(x, Ɛ) вещественного типа (параметры х, Ɛ – вещественные, Ɛ>0), находящую приближенное значение функции cos(x):

 

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

 

Лабораторная работа № 4

Встроенные Javascript функции

В JavaScript достаточно много функций, встроенных в синтаксис языка. Рассмотрим одну из них.

eval(строка)

Функция eval(строка) вычисляет выражение в указанной строке (в качестве параметра); выражение должно быть составлено по правилам языка JavaScript и не содержать тегов HTML

Рассмотрим примеры использования функции eval:

1 2 3

var y = 5; // значение у равно 5 var x = "if (y==5) y*2-3"; // значение х равно строке символов var rezult = eval(x); // rezult равно 7

Задание 1. В скрипте запрашивать у пользователя ввести в диалоговое окно ввода JavaScript математическое выражение, затем это выражение должно вычисляться и результат выдаваться в диалоговом окне.