Git Product home page Git Product logo

curso-es6-digital-innovation-one's Introduction

curso-ES6-digital-innovation-one

Estudando ES6 na digital innovation one

JavaScript

  • Tipagem fraca
  • Dinâmica

Tipagem fraca

  • Concatena String com int

Tipagem forte

  • Não permite concatenar int com String

Tipagem Dinâmica e estática

Dinâmica

  • Não precisa esplicitar o tipo da variável no momento da criação

Currying

  • É a tecnica de transformar uma função com 'n' parametros em 1 função
  • Comum em linguagens funcionais
  • O JS não é funcional(por padrão)

Hoisting

  • Significa levantar ou suspender algo
  • Podemos separar em variaveis e funções
  • O Hoisting de variável só eleva a criação da variável e não a atribuição
  • A função eleva o ao topo como um todo, então temos a assinatura dela

OBS.: Sempre declarar uma função antes de usar

Imitabilidade

  • Dados imutavés OBS.: Sempre que for passado para uma função seja um objeto ou um array, ele é passado por referencia, ou seja, se ele for alterado.

Tipos e variáveis

  • Antigamante só existia escopo global e de função
  • Com o let e const, foi adicionado o escopo de bloco(Estruturas com chaves)

OBS.: Let e const respeitam escopo de bloco, mas o var, não. O var só aceita escopo de função ou global.

OBS.: Ao atribuir a um const ao uma string, não permite que troque de valor. Ao criar um objeto, ele vai permitir que altere o valor. Só não pode mudar um onde o ponteiro dele está apontando.

  • Tipo primitivo, não muda; só objeto.

Tipos e variáveis

  • function é um objeto, mas permite que o objeto seja chamado
  • array é um objeto, mas ele tem uma relação com os ítens
  • array organiza cada ítem: index, que é a posição do elemento e o segundo que é o ítem atribuido.

String

  • O split(), retorna um array quebrando por um delimitador
  • O replace(), busca por um valor e substitui por outro. O primeiro parâmetro, é o que ele vai procurar e o segundo, será o substitudo.
  • O slice(), retorna a fatia de um falor
  • O substr(), retorna N caracteres a partir de uma posição.

Number

  • toString(), number to String()
  • toFixed(), retorna número com um número de casas decimais.
  • parseFloat()
  • parseInt()

OBS.: Só tem o type number. OBS.: Por mais que tenha a função parseFloat e parseInt, no JS, só existe number

Objects

  • Para valores dinâmicos, para pegar uma propriedade, podemos usar o (prop), usaremos sempre o cochete do let user = { name: 'Lucas' } por exemplo.

functions

  • Se for executada só uma expressão, não precisa usar o return
  • Se existir uma condicionais ou variáveis, precisa do return

OBS.: Funções também são objetos que permitem serem chamados. OBS.: Funções filter, map e reduce não alterão as referencias dos objetos, mas sim um novo

Quando usar function ou arrow function?

  • Contexto de criação

Operadores

  • Aritméticos
  • Atribuição
  • Comparação
  • Condicional
  • Lógicos
  • Spread

Oparadores de incremento

  • Se o operador estiver na frente, a variável ja vai receber o valor incrementado
  • Se o operador estiver depor, a variável recebe o valor atual

OBS.: O -true, retorna -1.

Comparação

  • Igualdade é com dois '=='. Retorna true, caso os dois operandos sejam iguais.
  • Para comparar, além do valor, o tipo usamos o '==='. Por boas práticas de programação, usar sempre esse.
  • '!==' estritamente diferente

Spread

  • Consegue iterar cada ítem do array ou objeto e passar por parâmetro
  • Ultilizado para concatenar arrays
  • Cria um novo apartir de um já exitente

if, else, else if

  • Para cair em mais de uma condição, temos que usar o if sozinho

Estruturas de repetição

  • for
  • while
  • do...while
  • for...in
  • continue > Manipula as estruturas de repetição
  • break > Manipula as estruturas de repetição

curso-es6-digital-innovation-one's People

Contributors

lucasmiller98 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.