JavaScript. Функции - презентация, доклад, проект скачать

Нажмите для полного просмотра!

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему JavaScript. Функции. Доклад-сообщение содержит 55 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1

Описание слайда:

JavaScript Функции

Слайд 2

Описание слайда:

Функции

Слайд 3

Описание слайда:

Когда делать переписываем одни и те же последовательности; много мелких подробностей; слишком длинная основная программа; имеются слишком сложные подзадачи; необходимость повторного использования кода в других программах.

Слайд 4

Описание слайда:

Встроенные функции alert(); console.log(); И так далее… Это точно такие же функции, как и те, которые мы будем создавать, только они уже зарезервированы языком JavaScript.

Слайд 5

Описание слайда:

Объявление функции function functionName (argument) { // body of function } functionName – имя функции. Именно его будем использовать в дальнейшем коде

Слайд 6

Описание слайда:

Аргумент function functionName (argument) { // body of function } argument - Аргумент. Это то что мы передаем в функцию на обработку (какие-то данные)

Слайд 7

Описание слайда:

Тело функции function functionName (argument) { // body of function } body of function - Непосредственно тело функции.

Слайд 8

Описание слайда:

Пример функции function helloWorld () { alert("Hello, World!"); } helloWorld(); // Выведет на экран Hello, World! helloWorld(); // Еще раз выведет на экран Hello, World!

Слайд 9

Описание слайда:

Область видимости function helloWorld () { var hello = "hello"; console.log(hello); } helloWorld(); // hello console.log(hello); // ReferenceError: hello is not defined

Слайд 10

Описание слайда:

Область видимости function helloWorld () { hello = "hello" console.log(hello); } helloWorld(); // hello

Слайд 11

Описание слайда:

Область видимости var world = "world!"; function helloWorld () { var world = "hello!"; console.log(world); }

Слайд 12

Описание слайда:

Область видимости function count() { for (var i = 0; i < 3; i++) { var j = i * 2; } alert( i ); // i=3 alert( j ); // j=4 } count()

Слайд 13

Описание слайда:

Область видимости function count() { var i, j; // передвинули объявления var в начало for (i = 0; i < 3; i++) { j = i * 2; } alert( i ); // i=3 alert( j ); // j=4 } count();

Слайд 14

Описание слайда:

Область видимости function count() { for (let i = 0; i < 3; i++) { var j = i * 2; } alert( i ); // i=3 alert( j ); // j=4 } count();

Слайд 15

Описание слайда:

Внешние переменные var world = " world!“; function helloWorld () { hello = "hello"; console.log(hello+world); } helloWorld(); // hello world!

Слайд 16

Описание слайда:

Аргументы function functionName (argument) { //функция принимает аргумент // body of function } argument - Аргумент. Это то, что мы передаем в функцию на обработку (какие-то данные)

Слайд 17

Описание слайда:

Аргументы Пример: function myFunc(argument) { console.log(argument+95); } myFunc(5); // 100

Слайд 18

Описание слайда:

Несколько аргументов function myFunc(arg, arg2, arg3, someText) { console.log("arg = " + arg); console.log("arg2 = " + arg2); console.log("arg3 = " + arg3); console.log("someText = " + someText); } myFunc(2,3,5,"Какой-то текст");

Слайд 19

Описание слайда:

Слайд 20

Описание слайда:

Значения по умолчанию function myFunc(arg, someText = "Hello, world!") { console.log("arg = " + arg); console.log("someText = " + someText); } myFunc(2); // arg = 2, someText = Hello, world!

Слайд 21

Описание слайда:

Несколько аргументов function myFunc(arg, someText = "Hello, world!") { console.log("arg = " + arg); console.log("someText = " + someText); } myFunc(2,3); // arg = 2, someText = 3

Слайд 22

Описание слайда:

Несколько аргументов function myFunc(arg, someText) { if (someText === undefined) {someText = "Текст по умолчанию"} console.log("arg = " + arg); console.log("someText = " + someText); } myFunc(2);

Слайд 23

Описание слайда:

Несколько аргументов function myFunc(arg, someText) { someText = someText || "Какой-то текст"; console.log("arg = " + arg); console.log("someText = " + someText); } myFunc(2);

Слайд 24

Описание слайда:

Возврат значения - return function myFunc (argument) { return argument*argument; } console.log (myFunc(4)); //4*4=16

Слайд 25

Описание слайда:

Вариант вызова функции function myFunc (argument) { return argument*argument; } var func = myFunc(4); console.log(func);

Слайд 26

Описание слайда:

Пример Даны числа a, b, c, d, e. Найти площадь фигуры. Для подсчета площади треугольника использовать функцию.

Слайд 27

Описание слайда:

Решение function squareTriangle (x, y, z) { var p = (x + y + z) / 2; return Math.sqrt(p * (p - x) * (p - y) * (p - z)); } var a=4, b=4, c = 6, e = 3, d = 5, square; square = squareTriangle (a, b, c) + squareTriangle (c, d, e); console.log (square);

Слайд 28

Описание слайда:

Пример Даны два целых числа. Поменять местами их значения.

Слайд 29

Описание слайда:

Принятие результатов var c = remove (a,b); a = c[0]; b = c[1]; console.log (`a=${a}, b=${b}`)

Слайд 30

Описание слайда:

Имя функции showMessage(..) // "показать" сообщение getAge(..) // "получает" возраст calcD(..) // "вычисляет" дискриминант createForm(..) // "создает" форму checkPermission(..) // "проверяет" разрешение

Слайд 31

Описание слайда:

Функциональные выражения function sayHello() { alert( "Hello" ); } alert( sayHello ); // выведет код функции

Слайд 32

Описание слайда:

Функциональные выражения function sayHello() { // (1) alert( "Hello" ); } var func = sayHello; // (2) func(); // Hello // (3) sayHello = null; sayHello(); // ошибка (4)

Слайд 33

Описание слайда:

Объявление Function Expression var f = function(параметры) { // тело функции };

Слайд 34

Описание слайда:

Сравнение с Function DEclaration // Function Declaration function sum(a, b) { return a + b; } // Function Expression var sum = function(a, b) { return a + b; }

Слайд 35

Описание слайда:

Сравнение с Function DEclaration sayHello("Вася"); // Привет, Вася function sayHello(name) { alert( "Привет, " + name ); }

Слайд 36

Описание слайда:

Сравнение с Function DEclaration

Слайд 37

Описание слайда:

Анонимные функции function ask(question, yes, no) { if (confirm(question)) yes() else no(); } function showOk() { alert( "Вы согласились." ); } function showCancel() { alert( "Вы отменили выполнение." ); } // использование ask("Вы согласны?", showOk, showCancel);

Слайд 38

Описание слайда:

Анонимные функции function ask(question, yes, no) { if (confirm(question)) yes() else no(); } ask( "Вы согласны?", function() { alert("Вы согласились."); }, function() { alert("Вы отменили выполнение."); }

Слайд 39

Описание слайда:

Рекурсия pow(x, n) = x * pow(x, n - 1);

Слайд 40

Описание слайда:

Рекурсия function pow(x, n) { if (n != 1) { // пока n != 1, сводить вычисление pow(x,n) к pow(x,n-1) return x * pow(x, n - 1); } else { return x; } } var result = pow(2, 3); console.log(result);

Слайд 41

Описание слайда:

Контекст выполнения Контекст: { x: 2, n: 3, строка 1 }

Слайд 42

Описание слайда:

Слайд 43

Описание слайда:

Слайд 44

Описание слайда:

Слайд 45

Описание слайда:

Слайд 46

Описание слайда:

Пример Напишите функцию sumTo(n), которая для данного n вычисляет сумму чисел от 1 до n, например: sumTo(1) = 1 sumTo(2) = 2 + 1 = 3 sumTo(3) = 3 + 2 + 1 = 6 sumTo(4) = 4 + 3 + 2 + 1 = 10 ... sumTo(100) = 100 + 99 + ... + 2 + 1 = 5050

Слайд 47

Описание слайда:

РЕшение циклом function sumTo(n) { var sum = 0; for (var i = 1; i <= n; i++) { sum += i; } return sum; } console.log ( sumTo(100) );

Слайд 48

Описание слайда:

Решение рекурсией function sumTo(n) { if (n == 1) return 1; return n + sumTo(n - 1); } console.log ( sumTo(100) );

Слайд 49

Описание слайда:

Решение по формуле function sumTo(n) { return n * (n + 1) / 2; } console.log ( sumTo(100) );

Слайд 50

Описание слайда:

Задачи Описать функцию, вычисляющую вторую, третью и четвертую степени числа А и возвращающую эти степени соответственно в переменных B, C и D. Описать функцию, добавляющую к целому положительному числу К справа цифру D. С помощью этой функции последовательно добавить к данному числу К справа данные цифры D1 и D2, выводя результат каждого добавления.