Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Proxy

Referente ao curso JavaScript: aprofundando em MVC, padrão Proxy e Factory, no capítulo Existe modelo mentiroso? O padrão de projeto Proxy! e atividade O padrão de projeto Proxy

por Leveditor
| 124.1k xp | 228 posts

boa noite, estou com um pouco de dificuldade para entender o Proxy

código que pesquise na internet e fiz alguns teste

const handler = {
    set: (target, key, value) => {
           //console.log('get', target, key);
           if(value === 'teste'){
               target[key] = value
           }
    }
}

const alvo = {
}

const alvoProxy = new Proxy(alvo, handler)
alvoProxy.test = 'teste'
alvoProxy.test2 = 'sa'

console.log(alvoProxy)

primeira duvida: esse é código que conecta o handler com o alvo?

const alvoProxy = new Proxy(alvo, handler)

segunda duvida: o que seria esse target[key], dentro do if:

if(value === 'teste'){ target[key] = value } terceira duvida não entendi para que serve esse alvo : const alvo = {}

1 resposta
solução!
por Matheus Henrique Castiglioni
| 5307.1k xp | 9007 posts
Instrutor Senior Software Engineer

Fala ai Leveditor, tudo bem? Vamos lá:

primeira duvida: esse é código que conecta o handler com o alvo?

Exatamente, é isso mesmo.

segunda duvida: o que seria esse target[key], dentro do if:

O target é seu objeto em si, ou seja, é o objeto que você acabou de criar com o Proxy, o key é qual propriedade você está querendo adicionar no objeto, seria algo similar:

const obj = {}
obj.nome = 'Matheus'

Porém, com o Proxy precisamos adicionar propriedades dinâmicas, então em vez de utilizar obj.NOME_DA_PROPRIEDADE fazemos obj[VARIAVEL]:

const obj = {}
const key = 'nome'
obj[key] = 'Matheus'

terceira duvida não entendi para que serve esse alvo : const alvo = {}

No seu caso como o target é um objeto vazio o mesmo não está tendo utilizada, porém, em muitos casos queremos criar um Proxy de um objeto existente.

Espero ter ajudado.