Презентация JavaScript. Функции онлайн
На нашем сайте вы можете скачать и просмотреть онлайн доклад-презентацию на тему JavaScript. Функции абсолютно бесплатно. Урок-презентация на эту тему содержит всего 55 слайдов. Все материалы созданы в программе PowerPoint и имеют формат ppt или же pptx. Материалы и темы для презентаций взяты из открытых источников и загружены их авторами, за качество и достоверность информации в них администрация сайта не отвечает, все права принадлежат их создателям. Если вы нашли то, что искали, отблагодарите авторов - поделитесь ссылкой в социальных сетях, а наш сайт добавьте в закладки.
Оцените презентацию от 1 до 5 баллов!
- Тип файла:ppt / pptx (powerpoint)
- Всего слайдов:55 слайдов
- Для класса:1,2,3,4,5,6,7,8,9,10,11
- Размер файла:305.46 kB
- Просмотров:78
- Скачиваний:0
- Автор:неизвестен
Слайды и текст к этой презентации:
№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 слайд
Содержание слайда: Несколько аргументов
function myFunc(arg, arg2, arg3, someText) {
console.log("arg = " + arg);
console.log("arg2 = " + arg2);
console.log("arg3 = " + arg3);
console.log("someText = " + someText); //undefined
}
myFunc(2,3,5);
№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, выводя результат каждого добавления.
№51 слайд
Содержание слайда:
№52 слайд
Содержание слайда:
№53 слайд
Содержание слайда:
№54 слайд
Содержание слайда:
№55 слайд
Содержание слайда:
Скачать все slide презентации JavaScript. Функции одним архивом:
