O que é o contexto de execução em JavaScript

Você pode estar codificando em JavaScript há muito tempo e conhece a utilização da lógica para qualquer operação específica, mas já pensou em como uma função ou variável mantém as informações relacionadas ao seu ambiente?

O mecanismo JavaScript executa toda a magia em segundo plano, criando “Contexto de execução”. Também permite que o mecanismo JavaScript controla a complexidade do código para a tarefa de execução.

Esta gravação explicará o contexto de execução e seus tipos em JavaScript. Então vamos começar!

O que é o contexto de execução em JavaScript

No contexto de execução, o termo “Execução”Refere -se ao processo de execução do código e“Contexto”Especifica o ambiente para a execução. Portanto, montando os dois termos, obtivemos uma definição informando que o contexto de execução fornece informações relacionadas ao ambiente em que o código é armazenado e executado.

O contexto de execução de JavaScript mantém três tipos diferentes:

• Contexto de execução global: O contexto de execução global JavaScript é criado por padrão.
• Contexto de execução da função: O contexto de execução da função é criado quando uma função é chamada no código fornecido.
• Execução de avaliação contexbronzeado "avaliar ()”A função cria contexto de execução de avaliação.

Passaremos pelos tipos de contexto de execução nas seções abaixo do rumo.

Observação: Estamos usando uma ferramenta de visualizador JavaScript desenvolvida pela interface do usuário.Dev para visualizar o contexto de execução funcionando em JavaScript.

Contexto de execução global em JavaScript

Quando o mecanismo JS executa um programa, ele cria o contexto de execução inicial. Mas antes disso, cria um novo contexto de execução conhecido como “Contexto de execução global" ou o "Contexto padrão”. Você pode saber que o JavaScript é um idioma de thread único, por isso permite apenas a criação de um contexto de execução global para executar o código.

Abra o visualizador JavaScript e, sem adicionar nenhum código, clique no “Correr”Botão do lado esquerdo da tela:

Como você pode ver, o contexto de execução global é criado por padrão:

Cada contexto de execução (incluindo o contexto de execução global) compreende os dois objetos a seguir:

• Objeto global: Um objeto global contém funções e variáveis ​​acessíveis no ambiente atual. Também é chamado de “janela”Objeto no navegador.
• “Este” objeto: “esse”A palavra -chave aponta para o objeto atual no contexto de execução.

A seção a seguir discutirá diferentes fases do contexto de execução global em JavaScript.

Fases do contexto de execução global em JavaScript

Existem duas fases do contexto de execução global em JavaScript: Criação e Execução.

Fase de criação do contexto de execução global em JavaScript

Como mencionado anteriormente, o contexto de execução global é criado por padrão quando o mecanismo JavaScript executa um script ou programa pela primeira vez. É conhecido como a fase de criação do contexto de execução global JavaScript.

A fase de criação do contexto de execução global executa as seguintes operações:

• Janela/objeto global: Um objeto global é criado na fase de criação, que contém as informações relacionadas às variáveis, funções e sua declaração interna.
• este objeto: “esse”O objeto é criado, que aponta para a janela ou objeto global.
• Variáveis: Na fase de criação, as variáveis ​​são inicializadas com um “indefinido" valor.
• Funções: As funções são declaradas e inicializadas apenas na fase de criação.

Agora, vamos verificar o funcionamento da fase de criação com a ajuda de um exemplo.

Exemplo: Fase de criação do contexto de execução global em JavaScript

Vamos criar duas variáveis, “x" e "y”, Tendo os seguintes valores:

var x = 3;
var y = 2;

Em seguida, uma função chamada “produtos"É definido que aceita"N1" e "n2Parâmetros:

Produto de função (n1, n2)
retornar n1 * n2;

Agora, adicionaremos o código acima no visualizador JavaScript e clicaremos no “Correr”Opção para visualizar seu contexto de execução global:

Quando o mecanismo JS executar o programa fornecido, ele armazenará e definirá o “x" e "y”Valores da variável como“indefinido”E depois declare a função“produtos()”No contexto de execução global:

O contexto de execução global avançará em direção ao “Fase de execução”Quando a fase de criação completa suas operações especificadas.

Fase de execução do contexto de execução global em JavaScript

Durante o Fase de execução, O mecanismo JS executa sequencialmente o código e executa a operação de atribuição de valor para as variáveis ​​e, finalmente, executa as chamadas de função agregadas.

Contexto de execução da função em JavaScript

Um novo "Contexto de execução da função”É criado para cada chamada de função. O contexto de execução da função se comporta semelhante ao contexto de execução global; No entanto, em vez de declarar um “objeto global”, O mecanismo JavaScript criará um“argumentos”Objeto que compreende referências de parâmetros de uma função.

Exemplo: Contexto de execução da função em JavaScript

No mesmo exemplo, adicionaremos a seguinte linha para invocar o “produtos()”Função ao passar“x" e "y”Como seus argumentos:

produtos(x,y);

O visualizador JavaScript demonstrará as mudanças no contexto de execução global:

Agora, é criado um novo contexto de execução de funções, que compreende as fases de criação e execução. Ele também tem um objeto único chamado “argumentos”. O valor passou para o “produtos()”A função é adicionada no objeto de argumentos:

Contexto de execução de avaliação em javascript

Em JavaScript, o “avaliar ()”A função converte uma string em código executável. Quando esse método é adicionado a um programa JavaScript, ele cria seu próprio “Contexto de execução de aval”. Os desenvolvedores JavaScript não usam o “avaliar ()”A função como a string passada para ela pode ser maliciosa, fazendo com que o aplicativo ou o banco de dados falhe. Como resultado, a função de avaliação foi preterida.

Fornecemos todas as informações essenciais sobre o Contexto de execução em JavaScript. Você pode explorá -lo ainda mais de acordo com seus requisitos.

Conclusão

O contexto de execução é criado quando o mecanismo JavaScript executa o código JavaScript e possui três tipos: Global, Função, e aval contexto de execução. Também compreende duas fases: Criação e Execução. O Fase de criação é criado quando o programa é executado pela primeira vez, enquanto no Fase de execução, Os valores especificados são atribuídos às variáveis ​​e as funções adicionadas são invocadas. Este artigo explicou o contexto de execução e seus tipos em JavaScript.