🗊Презентация Основы языка JavaScript

Нажмите для полного просмотра!
Основы языка JavaScript, слайд №1Основы языка JavaScript, слайд №2Основы языка JavaScript, слайд №3Основы языка JavaScript, слайд №4Основы языка JavaScript, слайд №5Основы языка JavaScript, слайд №6Основы языка JavaScript, слайд №7Основы языка JavaScript, слайд №8Основы языка JavaScript, слайд №9Основы языка JavaScript, слайд №10Основы языка JavaScript, слайд №11Основы языка JavaScript, слайд №12Основы языка JavaScript, слайд №13Основы языка JavaScript, слайд №14Основы языка JavaScript, слайд №15Основы языка JavaScript, слайд №16Основы языка JavaScript, слайд №17

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

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


Слайд 1





Основы языка JavaScript
Описание слайда:
Основы языка JavaScript

Слайд 2






Функции JavaScript
Функция – это блок кода на языке JavaScript, который определяется однажды, и в дальнейшем может выполняться или вызываться сколько угодно раз.
Описание слайда:
Функции JavaScript Функция – это блок кода на языке JavaScript, который определяется однажды, и в дальнейшем может выполняться или вызываться сколько угодно раз.

Слайд 3






Определение и вызов функций
Функция определяется с помощью ключевого слова function, за которым следуют:
Имя функции
Круглые скобки, которые могут содержать список имен параметров, разделенных запятыми
Выполняемые действия, которые составляют тело функции, заключенные в фигурные скобки
Для вызова функции используется оператор вызова, представляющий из себя пару круглых скобок.
Описание слайда:
Определение и вызов функций Функция определяется с помощью ключевого слова function, за которым следуют: Имя функции Круглые скобки, которые могут содержать список имен параметров, разделенных запятыми Выполняемые действия, которые составляют тело функции, заключенные в фигурные скобки Для вызова функции используется оператор вызова, представляющий из себя пару круглых скобок.

Слайд 4






Пример
//определение функции
function starline() {
  for(var i = 0; i < 45; i++){
    document.write("*");
  }
  document.write("<br>");
}
 starline();  //вызов функции
document.write("<p>это абзац</p>");
starline();
Функция starline() вызывается дважды.
Описание слайда:
Пример //определение функции function starline() { for(var i = 0; i < 45; i++){ document.write("*"); } document.write("<br>"); } starline(); //вызов функции document.write("<p>это абзац</p>"); starline(); Функция starline() вызывается дважды.

Слайд 5






Область видимости глобальных и локальных переменных
Область видимости переменной – это та часть программы, для которой эта переменная определена. Глобальная переменная имеет глобальную область видимости – она определена для всей JavaScript программы. 
Переменные, объявленные внутри функции называются локальными и имеют локальную область видимости т.е. они видны только в теле функции. Параметры функции также являются ее локальными переменными и видны только в ее теле.
Описание слайда:
Область видимости глобальных и локальных переменных Область видимости переменной – это та часть программы, для которой эта переменная определена. Глобальная переменная имеет глобальную область видимости – она определена для всей JavaScript программы. Переменные, объявленные внутри функции называются локальными и имеют локальную область видимости т.е. они видны только в теле функции. Параметры функции также являются ее локальными переменными и видны только в ее теле.

Слайд 6






Внутри тела функции локальная переменная имеет преимущество перед глобальной переменной с тем же именем. Если объявить локальную переменную или параметр функции с тем же именем, что у глобальной переменной, то фактически глобальная переменная будет скрыта:
Описание слайда:
Внутри тела функции локальная переменная имеет преимущество перед глобальной переменной с тем же именем. Если объявить локальную переменную или параметр функции с тем же именем, что у глобальной переменной, то фактически глобальная переменная будет скрыта:

Слайд 7






Пример
var x = "глобальная";   
function checkscope() {
  var x = "локальная"; 
document.write(x);
}
checkscope();
Описание слайда:
Пример var x = "глобальная"; function checkscope() { var x = "локальная"; document.write(x); } checkscope();

Слайд 8






Параметры и аргументы
Параметры указываются в определении функции внутри круглых скобок и являются ее локальными переменными, т.е. видны только в ее теле. При вызове функция может получать аргументы, которыми инициализируются параметры.
Аргумент - это выражение, которое может быть переменной, литералом, или выражением, состоящим из одного или нескольких операторов, которое служит для инициализации параметров.
Описание слайда:
Параметры и аргументы Параметры указываются в определении функции внутри круглых скобок и являются ее локальными переменными, т.е. видны только в ее теле. При вызове функция может получать аргументы, которыми инициализируются параметры. Аргумент - это выражение, которое может быть переменной, литералом, или выражением, состоящим из одного или нескольких операторов, которое служит для инициализации параметров.

Слайд 9






Пример
function getstr(car, place) {
document.write('Моя машина - ' + car + ' и я еду на ней ' + place);
}
 function showbook(title) {
  str = '<p>книга называется: "' + title + '"</p>';
  document.write(str);
}
var house = "на дачу";
 getstr('BMW', house); 
showbook('Машина времени');
Описание слайда:
Пример function getstr(car, place) { document.write('Моя машина - ' + car + ' и я еду на ней ' + place); } function showbook(title) { str = '<p>книга называется: "' + title + '"</p>'; document.write(str); } var house = "на дачу"; getstr('BMW', house); showbook('Машина времени');

Слайд 10






В JavaScript при установке параметров для функции не указывается ключевое слово var. JavaScript объявляет переменные автоматически, когда они устанавливаются в качестве параметров функции, поэтому ключевое слово var здесь не используется.
Параметры можно использовать как и все другие переменные.
Описание слайда:
В JavaScript при установке параметров для функции не указывается ключевое слово var. JavaScript объявляет переменные автоматически, когда они устанавливаются в качестве параметров функции, поэтому ключевое слово var здесь не используется. Параметры можно использовать как и все другие переменные.

Слайд 11






У функции может быть сколько угодно параметров. При назначении функции нескольких параметров не обязательно использовать все параметры, можно воспользоваться только одним или не использовать их вообще. 
Когда функция вызывается с меньшим количеством используемых параметров, чем описывается в определении, недостающие параметры получают значение undefined.
Описание слайда:
У функции может быть сколько угодно параметров. При назначении функции нескольких параметров не обязательно использовать все параметры, можно воспользоваться только одним или не использовать их вообще. Когда функция вызывается с меньшим количеством используемых параметров, чем описывается в определении, недостающие параметры получают значение undefined.

Слайд 12






Оператор return
Оператор return применяется для возврата результата работы функции основному сценарию с целью дальнейшего его использования. Он может находиться в любом месте функции. Обычно оператор return записывается в последней строке функции перед закрывающей фигурной скобкой и заканчивается точкой с запятой.
Описание слайда:
Оператор return Оператор return применяется для возврата результата работы функции основному сценарию с целью дальнейшего его использования. Он может находиться в любом месте функции. Обычно оператор return записывается в последней строке функции перед закрывающей фигурной скобкой и заканчивается точкой с запятой.

Слайд 13






Пример
return имя_переменной;
return "строка1 " + "строка 2";
return true;
return null;
return a + (b - 31) * 2;
Описание слайда:
Пример return имя_переменной; return "строка1 " + "строка 2"; return true; return null; return a + (b - 31) * 2;

Слайд 14






Оператор return может использоваться без значения, чтобы прекратить выполнение и выйти из функции:
function calc(a) {
  if(!a) return;
   
  document.write(a);
}
Описание слайда:
Оператор return может использоваться без значения, чтобы прекратить выполнение и выйти из функции: function calc(a) { if(!a) return; document.write(a); }

Слайд 15






В функции может использоваться не один, а несколько операторов return:
function check(a, b) {
  if(a > b) {
    return a;
  } else {
      return b;
    }
}
Описание слайда:
В функции может использоваться не один, а несколько операторов return: function check(a, b) { if(a > b) { return a; } else { return b; } }

Слайд 16






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

Слайд 17






Диалоговые окна
alert("Текст сообщения"); 
Выводит диалоговое окно с заданным сообщением и кнопкой ОК.
confirm("Текст сообщения"); 
Выводит диалоговое окно с заданным сообщением и кнопками ОК и ОТМЕНА.
prompt("Текст сообщения", ["текст по умолчанию в поле ввода"]); 
Все три типа окна являются модальными.
Также могут использоваться для вывода результатов.
Описание слайда:
Диалоговые окна alert("Текст сообщения"); Выводит диалоговое окно с заданным сообщением и кнопкой ОК. confirm("Текст сообщения"); Выводит диалоговое окно с заданным сообщением и кнопками ОК и ОТМЕНА. prompt("Текст сообщения", ["текст по умолчанию в поле ввода"]); Все три типа окна являются модальными. Также могут использоваться для вывода результатов.



Похожие презентации
Mypresentation.ru
Загрузить презентацию