Category Archives: 6

ES 6 – Feat import/export 

Chega de teoria! #1 – import/export

Continuando a saga para conhecer as novas features do ES6, projetadas para nos ajudar no desenvolvimento de nossos apps. Vamos lá:

Hoje o ES6 apresenta o recurso OO Class, import/export. Estes carinhas que tem a principal função de importar/exportar classes.

Index.js

Modo Simples

Classe pessoa, onde cada pessoa tem um nome:

// developer.js
export class Developer {
  constructor(name) {
    this._name = name
  }

  get name() {
    return this._name
  }
}

Note que basta criar a classe com o export na frente.

Agora para importá-la:

import { Developer } from 'developer'
const dev = new Developer('Aldo')
dev.name // 'Aldo'

Default

É comum exportar apenas uma função/classe por arquivo. Nesse caso podemos utilizar a exportação default:

// square.js
export default function (x) {
  return x * x
}

Uma vantagem agora é o cliente (que realizar o import) deve setar o nome do módulo como quiser:

import square from 'square'
square(2) // 4

Então é isso treine bastante, e fiquei familiarizado com estes novos recursos.

Ok! Sobre as FEATURES do ES6.