Entendendo let, const e escopo em javascript
10912 단어 javascriptbraziliandevsbeginners
어떻게 해야 합니까?
Variáveis são espaços para guardar valores e utiliza-los em um futuro processamento.
No javascript utiliza-se palavras chaves(keywords) para declarar variáveis:
Declarando uma variável com let
Para declarar uma variável utiliza a 키워드 let seguindo do nome da variável:
let x;
console.log(x); //undefined
Uma variável let declarada sem nenhum valor atribuido pelo programador, retorna com valor de undefined.
Declarando uma variável com const
Variáveis utilizando const DEVEM ser declaradas com um valor inicial.
Apenas declarar, sem atribuir o valor gera o erro:
const y; // SyntaxError: Missing initializer in const declaration
Entendendo o escopo de let e const
당신은 무엇입니까?
É o local onde a variável pode ser acessada ou está disponível.
Escopo com let
let a = "oi";
{
let a = "hi!";
}
Aqui temos uma variável a declarada dentro de um bloco(escopo do bloco) e outra variável a fora do bloco(escopo global)
Temos dois escopos(áreas) diferentes.
Se eu tentar redeclarar a variável no mesmo escopo, gera um erro:
let a = "Oi";
let a = "Hi!"; // SyntaxError: Identifier 'a' has already been declared
console.log(a);
Mass se eu declarar com o mesmo nome e em escopos diferentes:
let a = "Oi";
{
let a = "Hi!";
console.log(`Valor dentro do bloco: ${a} `); // Valor dentro do bloco: Hi!
}
console.log(`Valor fora do bloco: ${a}`); // Valor fora do bloco: Oi
Atualizando o valor de let:
let a = "Oi";
a = "hahaha!";
{
let a = "Hi!";
console.log(`Valor dentro do bloco: ${a} `); // Valor dentro do bloco: Hi!
}
console.log(`Valor fora do bloco: ${a}`); // Valor fora do bloco: hahaha!
Mesmo atualizando o valor de a no escopo global, não interferiu na outra variavel a que foi declarada dentro do bloco.
Atualizando o valor de let no escopo de bloco:
let a = "Oi";
{
a = "hahaha!";
console.log(`Valor dentro do bloco: ${a} `); // Valor dentro do bloco: hahaha!
}
console.log(`Valor fora do bloco: ${a}`); // Valor fora do bloco: Oi
Escopo com const
const tem a mesma regra de redeclaração, porem seu valor não pode ser atualizado
const a = "Oi"
{
const a = "HI"
console.log(`Valor dentro do bloco: ${a} `)
}
function exibir() {
const a = "Estou dentro da função!"
console.log(a)
}
exibir()
console.log(`Valor fora do bloco: ${a}`)
// Valor dentro do bloco: HI
// Estou dentro da função!
// Valor fora do bloco: Oi
const a = "Oi"
{
a = "HI"
console.log(`Valor dentro do bloco: ${a} `)
}
console.log(`Valor fora do bloco: ${a}`)
// TypeError: Assignment to constant variable.
const a = "Oi"
function exibir() {
a = "Estou dentro da função!"
console.log(a)
}
exibir()
console.log(`Valor fora do bloco: ${a}`)
// TypeError: Assignment to constant variable.
이력서
허락하다:
NÃO PODE ser redeclarada no MESMO escopo
PODE ter seu valor atualizado
상수:
NÃO PODE ser redeclarada no MESMO escopo
NÃO PODE ter seu valor atualizado
Reference
이 문제에 관하여(Entendendo let, const e escopo em javascript), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/g101/entendendo-let-const-e-escopo-em-javascript-5ddp
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
let a = "oi";
{
let a = "hi!";
}
let a = "Oi";
let a = "Hi!"; // SyntaxError: Identifier 'a' has already been declared
console.log(a);
let a = "Oi";
{
let a = "Hi!";
console.log(`Valor dentro do bloco: ${a} `); // Valor dentro do bloco: Hi!
}
console.log(`Valor fora do bloco: ${a}`); // Valor fora do bloco: Oi
let a = "Oi";
a = "hahaha!";
{
let a = "Hi!";
console.log(`Valor dentro do bloco: ${a} `); // Valor dentro do bloco: Hi!
}
console.log(`Valor fora do bloco: ${a}`); // Valor fora do bloco: hahaha!
let a = "Oi";
{
a = "hahaha!";
console.log(`Valor dentro do bloco: ${a} `); // Valor dentro do bloco: hahaha!
}
console.log(`Valor fora do bloco: ${a}`); // Valor fora do bloco: Oi
const a = "Oi"
{
const a = "HI"
console.log(`Valor dentro do bloco: ${a} `)
}
function exibir() {
const a = "Estou dentro da função!"
console.log(a)
}
exibir()
console.log(`Valor fora do bloco: ${a}`)
// Valor dentro do bloco: HI
// Estou dentro da função!
// Valor fora do bloco: Oi
const a = "Oi"
{
a = "HI"
console.log(`Valor dentro do bloco: ${a} `)
}
console.log(`Valor fora do bloco: ${a}`)
// TypeError: Assignment to constant variable.
const a = "Oi"
function exibir() {
a = "Estou dentro da função!"
console.log(a)
}
exibir()
console.log(`Valor fora do bloco: ${a}`)
// TypeError: Assignment to constant variable.
Reference
이 문제에 관하여(Entendendo let, const e escopo em javascript), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/g101/entendendo-let-const-e-escopo-em-javascript-5ddp텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)