Articles of ecmascript 6

ES6: chamar construtor de class sem uma nova palavra-chave

Dada uma class simples class Foo { constructor(x) { if (!(this instanceof Foo)) return new Foo(x); this.x = x; } hello() { return `hello ${this.x}`; } } É possível chamar o construtor de class sem a new palavra-chave? O uso deve permitir (new Foo(“world”)).hello(); // “hello world” Ou Foo(“world”).hello(); // “hello world” Mas este último […]

Como posso acessar constantes no arquivo lib / constants.js no Meteor?

Eu segui a documentação para colocar as constantes no arquivo lib/constants.js . Pergunta : Como acessar essas constantes nos arquivos html e js do lado do cliente?

Carregar imagens com base no caminho dynamic no ReactJs

Estou tentando exibir imagens em um carrinho de compras que estou fazendo, mas não está aparecendo. Eu tenho que importar cada imagem? Eu sei que meus caminhos estão bem porque funcionou antes. Acho que pode haver algo errado no meu arquivo product.js, mas não consigo entender. Aqui está o meu Product.js import React, { Component, […]

Obter funções (methods) de uma class

Eu tenho que buscar dinamicamente as propriedades e funções de uma class ES6. Isso é possível? Usando um loop for … in, eu só começo a percorrer as propriedades de uma instância de class: class Foo { constructor() { this.bar = “hi”; } someFunc() { console.log(this.bar); } } var foo = new Foo(); for (var […]

Qual é a motivação para trazer Símbolos para o ES6?

ATUALIZAÇÃO : Recentemente, um shiny artigo da Mozilla surgiu. Leia se você está curioso. Como você deve saber, eles estão planejando include o novo tipo primitivo Symbol no ECMAScript 6 (sem mencionar algumas outras coisas malucas). Sempre achei que a noção de :symbol em Ruby é desnecessária; poderíamos facilmente usar strings simples, como fazemos em […]

dependency injection angular 2 em ES5 e ES6

Aqui está um exemplo básico de TypeScript / ES.next que usa decoradores para DI e segue a syntax sugerida pelo manual do framework: import {Component, Inject, Injectable, NgModule, OpaqueToken} from ‘@angular/core’; import {BrowserModule} from ‘@angular/platform-browser’; import {platformBrowserDynamic} from ‘@angular/platform-browser-dynamic’; const CONSTANT = { value: ‘constant’ }; const CONSTANT_TOKEN = new OpaqueToken; const CONSTANT_PROVIDER = { […]

O que significa colchetes ao redor de um nome de propriedade em um literal de object?

Eu tenho escrito em JS por um tempo e não usei este formulário: dist: { files: { [bpr + ‘lib/Monster.min.js’]: [”] } } } a []:[] funciona, eu apenas não usei ou vi antes.

Informação oficial sobre ‘argumentos’ nas funções do ES6 Arrow?

(() => console.log(arguments))(1,2,3); // Chrome, FF, Node give “1,2,3” // Babel gives “arguments is not defined” from parent scope De acordo com Babel (e pelo que eu posso dizer as recomendações iniciais do TC39), isso é “inválido” já que as funções de seta devem estar usando seu escopo pai para argumentos. A única informação que […]

Nome da importação da variável ES6 em node.js?

é possível importar algo no módulo fornecendo o nome da variável ao usar a importação do ES6? Ou seja, eu quero importar algum módulo em um tempo de execução, dependendo dos valores fornecidos em uma configuração: import something from ‘./utils/’ + variableName;

Adicionando tag de script ao React / JSX

Eu tenho uma questão relativamente simples de tentar adicionar scripts in-line a um componente React. O que eu tenho até agora: ‘use strict’; import ‘../../styles/pages/people.scss’; import React, { Component } from ‘react’; import DocumentTitle from ‘react-document-title’; import { prefix } from ‘../../core/util’; export default class extends Component { render() { return ( People ); } […]