Contexto L�xico - Javascript

10/11/2019

Eu tenho uma d�vida em rela��o ao seguinte c�digo:

global.preco = 10
global.desc = 0.18

const teste = (imposto = 0, moeda = 'R$') => {
  preco = 20
  desc = 0.453523
  console.log('valor de preco',preco)
  console.log('valor de desconto',desc)
  return `$ ${preco * (1 - desc) * (1 + imposto).toFixed(2)}`
}



const teste2 = function (imposto = 0, moeda = 'R$'){
  console.log('valor de preco',this.preco)
  console.log('valor de desconto',this.desc)
  return `$ ${this.preco * (1 - desc) * (1 + imposto).toFixed(2)}`
}


const produto = {
  nome: 'notebook',
  preco: 4589,
  desc: 0.15,
  teste
}

console.log('valor da fun��o teste: ',teste())
console.log('valor da fun��o teste2: ',teste2())

Queria entender porque as duas fun��es est�o utilizando o valor de PRE�O e DESC definidos dentro da arrow function TESTE, sendo que as arrows functions trabalham com vari�veis de escopo global, e as expressions functions tem o seu this definidos no escopo global. E se eu comentar as vari�veis locais de TESTE, as duas fun��es passam a utilizar as vari�veis de escopo global.

Wendel Rios

Curtir t�pico + 0

Responder

Post mais votado

14/11/2019

Dae Wendel !! Tudo bem?

Cara, pelo que entendi vc tem um problema no seu c�digo com escopos de vari�veis, certo? Pelo que parece vc est� querendo que dentro da fun��o teste() as vari�veis preco e desc sejam locais, ou seja, os valores que vc definir para essas vari�veis dentro de teste() n�o afetem os valores definidos para elas no escopo global. Isso?

Se for isso mesmo... Em javascript para vc definir vari�veis com escopo local ter� que usar a palavra reservada "var" antes do nome delas... ficaria assim seu c�digo:

global.preco = 10
global.desc = 0.18
 
const teste = function (imposto = 0, moeda = 'R$') => {
  var preco = 20
  var desc = 0.453523
  console.log('valor de preco',preco)
  console.log('valor de desconto',desc)
  return `$ ${preco * (1 - desc) * (1 + imposto).toFixed(2)}`
}
 
 
 
const teste2 = function (imposto = 0, moeda = 'R$'){
  console.log('valor de preco',this.preco)
  console.log('valor de desconto',this.desc)
  return `$ ${this.preco * (1 - desc) * (1 + imposto).toFixed(2)}`
}
 
 
const produto = {
  nome: 'notebook',
  preco: 4589,
  desc: 0.15,
  teste
}
 
console.log('valor da fun��o teste: ',teste())
console.log('valor da fun��o teste2: ',teste2())

Outro detalhe, eu inseri a palavra function na linha onde vc define a fun��o teste...

const teste = function (imposto = 0, moeda = 'R$') => {

N�o testei aqui, mas acho que isso poder� lhe ajudar...

Espero ter ajudado,
abra�o e bons c�digos.

Jorge Pinto

Responder

Gostei + 1

Mais Posts

10/11/2019

Wendel Rios

Eu tenho uma d�vida em rela��o ao seguinte c�digo:

global.preco = 10
global.desc = 0.18

const teste = (imposto = 0, moeda = 'R$') => {
  preco = 20
  desc = 0.453523
  console.log('valor de preco',preco)
  console.log('valor de desconto',desc)
  return `$ ${preco * (1 - desc) * (1 + imposto).toFixed(2)}`
}



const teste2 = function (imposto = 0, moeda = 'R$'){
  console.log('valor de preco',this.preco)
  console.log('valor de desconto',this.desc)
  return `$ ${this.preco * (1 - desc) * (1 + imposto).toFixed(2)}`
}


const produto = {
  nome: 'notebook',
  preco: 4589,
  desc: 0.15,
  teste
}

console.log('valor da fun��o teste: ',teste())
console.log('valor da fun��o teste2: ',teste2())

*** No caso ali na pergunta eu quis dizer que as arrows functions trabalham com escopos locais

Responder

Gostei + 0

15/11/2019

Wendel Rios

global.preco = 10
global.desc = 0.18
 
const teste = function (imposto = 0, moeda = 'R$') => {
  var preco = 20
  var desc = 0.453523
  console.log('valor de preco',preco)
  console.log('valor de desconto',desc)
  return `$ ${preco * (1 - desc) * (1 + imposto).toFixed(2)}`
}
 
 
 
const teste2 = function (imposto = 0, moeda = 'R$'){
  console.log('valor de preco',this.preco)
  console.log('valor de desconto',this.desc)
  return `$ ${this.preco * (1 - desc) * (1 + imposto).toFixed(2)}`
}
 
 
const produto = {
  nome: 'notebook',
  preco: 4589,
  desc: 0.15,
  teste
}
 
console.log('valor da fun��o teste: ',teste())
console.log('valor da fun��o teste2: ',teste2())

Outro detalhe, eu inseri a palavra function na linha onde vc define a fun��o teste...

const teste = function (imposto = 0, moeda = 'R$') => {

N�o testei aqui, mas acho que isso poder� lhe ajudar...

Espero ter ajudado,
abra�o e bons c�digos.

. Exato, Jorge, era exatamente isso. Eu tinha esquecido de declarar as variaveis com a palavra reservada antes, no meu caso quando n�o estou utilizando constantes eu opto por utilizar a palavra reservada let mesmo. Valeu.

Responder

Gostei + 0