🗊Презентация Исполняемый код и контекст исполнения в JS

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

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

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


Слайд 1





Исполняемый код и контекст исполнения в JS
Дмитрий Нефедов
Старший программист группы систем электронной коммерции
Спортмастер Россия
mailto: nefedov.du@gmail.com
Описание слайда:
Исполняемый код и контекст исполнения в JS Дмитрий Нефедов Старший программист группы систем электронной коммерции Спортмастер Россия mailto: nefedov.du@gmail.com

Слайд 2





В JS нет магии :)
var a = 5;

function foo() {
  console.log(a);
}

function bar() {
  foo();
  console.log(a);
  var a = 6;
}

bar();
Описание слайда:
В JS нет магии :) var a = 5; function foo() { console.log(a); } function bar() { foo(); console.log(a); var a = 6; } bar();

Слайд 3





Область видимости
var x = 10;

function foo() {
  console.log(x);
}

foo(); // 10

function bar() {
  var x = 20;
  console.log(x); // 20
  foo(); // 10
}
bar();
Описание слайда:
Область видимости var x = 10; function foo() { console.log(x); } foo(); // 10 function bar() { var x = 20; console.log(x); // 20 foo(); // 10 } bar();

Слайд 4





Лексическая область видимости
Спецификация, используемая для определения связи идентификаторов с конкретными значениями и функциями;
Связано с синтаксической структурой кода, такой как FunctionDeclaration, BlockStatement, Catch и TryStatement;
Состоит из записи окружения и ссылки на внешнее лексическое окружение;
Описание слайда:
Лексическая область видимости Спецификация, используемая для определения связи идентификаторов с конкретными значениями и функциями; Связано с синтаксической структурой кода, такой как FunctionDeclaration, BlockStatement, Catch и TryStatement; Состоит из записи окружения и ссылки на внешнее лексическое окружение;

Слайд 5





Пример:
var x = 10;
 
function foo() {
  var y = 20;
}
Описание слайда:
Пример: var x = 10; function foo() { var y = 20; }

Слайд 6





Пример:
function foo() {

  var x = 10;

  function bar() {
    var y = 20;
    console.log(x + y); // 30
  }
 
  function baz() {
    var z = 30;
    console.log(x + y); // 40
  }
}
Описание слайда:
Пример: function foo() { var x = 10; function bar() { var y = 20; console.log(x + y); // 30 } function baz() { var z = 30; console.log(x + y); // 40 } }

Слайд 7





Типы записей окружения
Декларативные записи
Каждая декларативная запись среды связана с областью программы ECMAScript, содержащей объявления переменных, констант, let, class, module, import и / или функций. Декларативная запись среды связывает набор идентификаторов, определенных объявлениями, содержащимися в его области.)
Объектные записи
Запись объектной среды используется для определения связи переменных и функций, появившихся в глобальном контексте и внутри with-операторов.
Описание слайда:
Типы записей окружения Декларативные записи Каждая декларативная запись среды связана с областью программы ECMAScript, содержащей объявления переменных, констант, let, class, module, import и / или функций. Декларативная запись среды связывает набор идентификаторов, определенных объявлениями, содержащимися в его области.) Объектные записи Запись объектной среды используется для определения связи переменных и функций, появившихся в глобальном контексте и внутри with-операторов.

Слайд 8





Вид декларативной записи окружения
function foo(a) {
  var b = 10;
  function c() {}
}
Описание слайда:
Вид декларативной записи окружения function foo(a) { var b = 10; function c() {} }

Слайд 9





Пример объектной записи окружения
var a = 10;
var b = 20;
 
with ({a: 30}) {
  console.log(a + b); // 50
}
 
console.log(a + b); // 30, restored
Описание слайда:
Пример объектной записи окружения var a = 10; var b = 20; with ({a: 30}) { console.log(a + b); // 50 } console.log(a + b); // 30, restored

Слайд 10





Контекст исполнения
This
Переменные компоненты среды
Лексические компоненты среды
Описание слайда:
Контекст исполнения This Переменные компоненты среды Лексические компоненты среды

Слайд 11





This
В глобальном контексте this - глобальный объект
Внутри контекста функции this определяется формой вызова функции
Описание слайда:
This В глобальном контексте this - глобальный объект Внутри контекста функции this определяется формой вызова функции

Слайд 12





Переменные компоненты среды
function foo(a) {
  var b = 20;
}
 
foo(10);
Описание слайда:
Переменные компоненты среды function foo(a) { var b = 20; } foo(10);

Слайд 13





Лексические компоненты среды

var a = 10;

function foo() {console.log(a);}
 
with ({a: 20}) {
  var bar = function () {
    console.log(a);
  };
 
  foo(); // 10, from VariableEnv
  bar(); // 20, from LexicalEnv
}

foo(); // 10
bar(); // still 20
Описание слайда:
Лексические компоненты среды var a = 10; function foo() {console.log(a);} with ({a: 20}) { var bar = function () { console.log(a); }; foo(); // 10, from VariableEnv bar(); // 20, from LexicalEnv } foo(); // 10 bar(); // still 20

Слайд 14





Инициализация идентификаторов
Процесс определения значения идентификатора, появившегося в контексте, с использованием лексического компонента в текущем контексте выполнения
Описание слайда:
Инициализация идентификаторов Процесс определения значения идентификатора, появившегося в контексте, с использованием лексического компонента в текущем контексте выполнения

Слайд 15





Пример
var a = 10;
 
(function foo() {
  var b = 20;
 
  (function bar() {
    var c = 30;
    console.log(a + b + c); // 60
  })();
 
})();
Описание слайда:
Пример var a = 10; (function foo() { var b = 20; (function bar() { var c = 30; console.log(a + b + c); // 60 })(); })();

Слайд 16


Исполняемый код и контекст исполнения в JS, слайд №16
Описание слайда:



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