Объекты и функции

Содержание

1. Объекты и функции
2. Что такое массивы?
3. Что такое объекты?Объект – это набор пар «ключ» (название поля) – «значение»
4. Создание объектаvar obj1 = new Object();var obj2
5. Обращение к полям объекта (чтение)var cat =
6. Обращение к полям объекта (запись)var cat =
7. Обращение к полям объекта (альтернативный синтаксис)var cat
8. Обращение к полям объектаvar cat = {legs:
9. Обход элементов массиваvar arr = [1, 3,
10. Обход свойств и значений объектаvar cat =
11. Функции
12. Объявление функцииfunction имя_функции(аргументы){тело функции}Примерfunction sayHello(){ alert(“Hello!”);}function sum(a, b){ return a + b;}
13. Вызов объявленной функцииfunction sayHello(){ alert(“Hello!”);}function sum(a, b){ return a
14. Вызов функции с другим количеством аргументовfunction alertArguments(a,b,c){ alert(a
15. Неопределенное количество аргументовПеред входом в тело функции
16. Что такое функция?Функции в JavaScript – экземпляры
17. Хранение функции в переменнойfunction alertArguments(a,b,c){ alert(a + ",
18. Передача функции в качестве аргумента другой функцииfunction sayHello(){ alert(“Hello!”);}function sayGoodbye(){ alert(“Goodbye!”);}function callFunction(f){ f();}callFunction(sayHello); // Hello!callFunction(sayGoodbye); // Goodbye!
19. «Анонимные» функцииvar x = function(){ alert(“Вызов анонимной функции!”);};x();
20. Особенности именованных и анонимных функцийsayGoodbye(); //ОШИБКА! sayGoodbye – не функцияvar sayGoodbye = function(){ alert("Goodbye!");};sayHello(); // Hello!function sayHello(){ alert("Hello!");}
21. Скачать презентанцию

Что такое массивы?

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

Слайд 1Объекты

Слайд 2Что такое массивы?

Слайд 3Что такое объекты?
Объект – это набор пар «ключ» (название поля)

– «значение»

Слайд 4Создание объекта
var obj1 = new Object();
var obj2 = {};

var obj3

= {field1: “value1”, field2: “value2”};
var cat = {legs: 4,
tails: 1,

name: “Барсик”,
age: 3};

Равнозначные способы создания объектов без свойств

Инициализация объекта значениями

Создание объектаvar obj1 = new Object();var obj2 = {};var obj3 = {field1: “value1”, field2: “value2”};var cat = {legs:

Слайд 5Обращение к полям объекта (чтение)
var cat = {legs: 4,
tails:

1,
name: “Барсик”,
age: 3};
alert( cat.legs ); // 4
alert( cat.name

); // Барсик
alert( cat.age ); // 3
alert( cat.surname ); // undefined
alert( cat.weight ); // undefined

Обращение к полям объекта (чтение)var cat = {legs: 4, tails: 1, name: “Барсик”, age: 3};alert( cat.legs );

Слайд 6Обращение к полям объекта (запись)
var cat = {legs: 4,
tails:

1,
name: “Барсик”,
age: 3};
alert( cat.legs ); // 4
cat.legs =

3;
alert( cat.legs ); // 3
cat.name = “Машка”;
alert( cat.name ); // Машка

alert( cat.weight ); // undefined
cat.weight = 2.6;
alert( cat.weight ); // 2.6

Обращение к полям объекта (запись)var cat = {legs: 4, tails: 1, name: “Барсик”, age: 3};alert( cat.legs );

Слайд 7Обращение к полям объекта (альтернативный синтаксис)
var cat = {legs: 4,

tails: 1,
name: “Барсик”,
age: 3};
alert( cat[“name”] ); // Барсик
alert(

cat[“tails”] ); // 1

cat[“age”] = 4;
alert( cat[“age”] ); // 4
alert( cat.age ); // 4
alert(cat["age"] === cat.age); // true

Обращение к полям объекта (альтернативный синтаксис)var cat = {legs: 4, tails: 1, name: “Барсик”, age: 3};alert( cat[“name”]

Слайд 8Обращение к полям объекта
var cat = {legs: 4,
tails: 1,

name: “Барсик”,
age: 3};

var name = “age”;

alert( cat.name ); //

Барсик
alert( cat[name] ); // 3
alert( cat[“name”] ); // Барсик

Обращение к полям объектаvar cat = {legs: 4, tails: 1, name: “Барсик”, age: 3};var name = “age”;alert(

Слайд 9Обход элементов массива
var arr = [1, 3, 5, 7, 9,

122, 2424];
//привычный способ
for(var i = 0; i < arr.length; i++)
{
alert(arr[i]);
}
//новый

способ
for(var i in arr)
{
alert(arr[i]);
}

Обход элементов массиваvar arr = [1, 3, 5, 7, 9, 122, 2424];//привычный способfor(var i = 0; i

Слайд 10Обход свойств и значений объекта
var cat = {legs: 4,
tails:

1,
name: “Барсик”,
age: 3};

for(var field in cat)
{
alert(field +

“ : ” + cat[field]);
}
// legs : 4
// tails : 1
// name: Барсик
// age : 3

Обход свойств и значений объектаvar cat = {legs: 4, tails: 1, name: “Барсик”, age: 3}; for(var field

Слайд 11Функции

Слайд 12Объявление функции
function имя_функции(аргументы)
{
тело функции
}
Пример
function sayHello()
{
alert(“Hello!”);
}
function sum(a, b)
{
return a + b;
}

$Объявление функцииfunction имя_функции(аргументы){тело функции}Примерfunction sayHello(){ alert(“Hello!”);}function sum(a, b){ return a + b;}$

Слайд 13Вызов объявленной функции
function sayHello()
{
alert(“Hello!”);
}
function sum(a, b)
{
return a + b;
}

var a

= sum(5, 3);
alert(a); // 8
sayHello(); // Hello!

Слайд 14Вызов функции с другим количеством аргументов
function alertArguments(a,b,c)
{
alert(a + ", "

+ b + ", " + c);
}

alertArguments(1,2,3); // 1,2,3
alertArguments(1,2); //

1,2,undefined
alertArguments(1); // 1, undefined,undefined
alertArguments(); // undefined,undefined,undefined

alertArguments(1,2,3,4,5,6,7); //1,2,3

Вызов функции с другим количеством аргументовfunction alertArguments(a,b,c){ alert(a +

Слайд 15Неопределенное количество аргументов
Перед входом в тело функции автоматически создается объект

arguments, который содержит все аргументы, переданные в функцию

function alertAllArguments()
{
for(var i

= 0; i < arguments.length; i++)
{
alert(i + “ : ” + arguments[i]);
}
}
alertAllArguments(1, 3, “Hello”, true);
// 0 : 1
// 1 : 3
// 2 : Hello
// 3 : true

Неопределенное количество аргументовПеред входом в тело функции автоматически создается объект arguments, который содержит все аргументы, переданные в

Слайд 16Что такое функция?
Функции в JavaScript – экземпляры встроенного класса Function
Следовательно,

функции могут передаваться в качестве аргументов других функций, записываться в

переменные и т.д. (аналогично любым другим типам данных)

Что такое функция?Функции в JavaScript – экземпляры встроенного класса FunctionСледовательно, функции могут передаваться в качестве аргументов других

Слайд 17Хранение функции в переменной
function alertArguments(a,b,c)
{
alert(a + ", " + b

+ ", " + c);
}

var f = alertArguments;
f(1,2,3); // 1,2,3
alertArguments(1,2,3);

// 1,2,3

Хранение функции в переменнойfunction alertArguments(a,b,c){ alert(a +

Слайд 18Передача функции в качестве аргумента другой функции
function sayHello()
{
alert(“Hello!”);
}
function sayGoodbye()
{
alert(“Goodbye!”);
}
function callFunction(f)
{
f();
}
callFunction(sayHello);

// Hello!
callFunction(sayGoodbye); // Goodbye!

Передача функции в качестве аргумента другой функцииfunction sayHello(){ alert(“Hello!”);}function sayGoodbye(){ alert(“Goodbye!”);}function callFunction(f){ f();}callFunction(sayHello); // Hello!callFunction(sayGoodbye); // Goodbye!

Слайд 19«Анонимные» функции
var x = function(){
alert(“Вызов анонимной функции!”);
};

x(); // Вызов анонимной

функции!

function callFunction(f)
{
f();
}
callFunction(function(){
alert( “Вызов анонимной функции, переданной в ” +

“качестве аргумента” );
});
//Вызов анонимной функции, переданной в качестве аргумента

«Анонимные» функцииvar x = function(){ alert(“Вызов анонимной функции!”);};x(); // Вызов анонимной функции!function callFunction(f){ f();}callFunction(function(){ alert( “Вызов анонимной функции, переданной

Слайд 20Особенности именованных и анонимных функций
sayGoodbye(); //ОШИБКА! sayGoodbye – не функция
var

sayGoodbye = function()
{
alert("Goodbye!");
};

sayHello(); // Hello!
function sayHello()
{
alert("Hello!");
}

Особенности именованных и анонимных функцийsayGoodbye(); //ОШИБКА! sayGoodbye – не функцияvar sayGoodbye = function(){ alert(

Скачать презентацию

Обратная связь

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

Email: Нажмите что бы посмотреть

Что такое TheSlide.ru?

Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно хранить и делиться своими презентациями с другими пользователями.

Для правообладателей

Разделы презентаций

Объекты и функции

Содержание

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

Слайд 1Объекты

Слайд 2Что такое массивы?

Слайд 3Что такое объекты?Объект – это набор пар «ключ» (название поля)

– «значение»

Слайд 4Создание объектаvar obj1 = new Object();var obj2 = {};var obj3

= {field1: “value1”, field2: “value2”};var cat = {legs: 4, tails: 1,

Слайд 5Обращение к полям объекта (чтение)var cat = {legs: 4, tails:

1, name: “Барсик”, age: 3};alert( cat.legs ); // 4alert( cat.name

Слайд 6Обращение к полям объекта (запись)var cat = {legs: 4, tails:

1, name: “Барсик”, age: 3};alert( cat.legs ); // 4cat.legs =

Слайд 7Обращение к полям объекта (альтернативный синтаксис)var cat = {legs: 4,

tails: 1, name: “Барсик”, age: 3};alert( cat[“name”] ); // Барсикalert(

Слайд 8Обращение к полям объектаvar cat = {legs: 4, tails: 1,

name: “Барсик”, age: 3};var name = “age”;alert( cat.name ); //

Слайд 9Обход элементов массиваvar arr = [1, 3, 5, 7, 9,

122, 2424];//привычный способfor(var i = 0; i < arr.length; i++){alert(arr[i]);}//новый

Слайд 10Обход свойств и значений объектаvar cat = {legs: 4, tails:

1, name: “Барсик”, age: 3}; for(var field in cat){ alert(field +

Слайд 11Функции

Слайд 12Объявление функцииfunction имя_функции(аргументы){тело функции}Примерfunction sayHello(){ alert(“Hello!”);}function sum(a, b){ return a + b;}

Слайд 13Вызов объявленной функцииfunction sayHello(){ alert(“Hello!”);}function sum(a, b){ return a + b;}var a

= sum(5, 3);alert(a); // 8sayHello(); // Hello!

Слайд 14Вызов функции с другим количеством аргументовfunction alertArguments(a,b,c){ alert(a + ", "

+ b + ", " + c);}alertArguments(1,2,3); // 1,2,3alertArguments(1,2); //

Слайд 15Неопределенное количество аргументовПеред входом в тело функции автоматически создается объект

arguments, который содержит все аргументы, переданные в функциюfunction alertAllArguments(){ for(var i

Слайд 16Что такое функция?Функции в JavaScript – экземпляры встроенного класса FunctionСледовательно,