(1부) Padrões JavaScript: Dicas rápidas

올라 갈레라! Tudo bem com vocês? Depois de muuito tempo, resolvi voltar a escrever aqui no blog.

Como podem adivinhar pelo título, a ideia dessa série é mostrar alguns padrões/dicas que achei interessante do livro "Padrões JavaScript", do Stoyan Stefanov ,
포함 não poderia indicar mais! Se está procurando entender melhor sobre design patterns, coding patterns & antipatterns, esse livro é perfeito,
estou adorando o conteúdo! Bom, vamos lá! :피

Padrão objeto de configuração



Sabe quando sua função recebe muitos paraâmetros e isso acaba dificultando a leitura? 예를 들면:

function registerUser (email, password, name, lastname, birthdate, country, city, subscribeNewsletter) {}


Você pode passar um objeto como parâmetro da função nesses casos, ou passar por exemplo, as informações "obrigatórias"como paraâmetro
전자 패스는 "객체 구성"옵션을 선택할 수 있습니다. Alguns 예시:

function registerUser (email, password, userConfig) {}
...

const userConfig = { 
   name: "Karoline",
   lastname: "Alencar",
   birthdate: "66/66/6666",
   country: "Brazil",
   city: "São Paulo",
   subscribeNewsletter: false
}
registerUser("[email protected]", "password", userConfig)




function registerUser (userConfig) {}
...

const userConfig = { 
   email: "[email protected]",
   password: "password",
   name: "Karoline",
   lastname: "Alencar",
   birthdate: "66/66/6666",
   country: "Brazil",
   city: "São Paulo",
   subscribeNewsletter: false
}
registerUser(userConfig)



사물의 즉각적인 기능 활용



Imagine que, ao iniciar uma aplicação, você precisa enviar uma mensagem baseado na localização do usuário e isso requer uma série de validações, uma alternativa é criar um objeto que faça a validação imediatamente e retorne a mensagem:

const userLocationMessage = {
 message: (function () {
   ...
   return 'hoi'
 })(),
 getMessage: function () {
    return this.message;
 }
}

// usando
userLocationMessage.getMessage() // "hoi"


Nesse caso, o valor de message é "호이".

이제 그만! 엑소 <3

좋은 웹페이지 즐겨찾기