Articles of ecmascript 6

Por que devo usar classs ES6?

Eu tenho muitas dúvidas sobre as classs do ES6. Desde que eu entendo como usar a function e WebComponent, Reagir e assim. Eu não vi muitos benefícios usando isso. Eu me pergunto qual é o benefício de usar classs. Eu li que public / private / static fará parte do ES7. Então eu não vejo […]

reactjs dando erro Uncaught TypeError: Super expressão deve ser nula ou uma function, não indefinida

Eu estou usando reactjs. Quando eu corro o código abaixo, o navegador diz: Uncaught TypeError: Super expressão deve ser nula ou uma function, não indefinida Quaisquer sugestões sobre o que está errado seriam apreciadas. Primeiro a linha usada para compilar o código: browserify -t reactify -t babelify examples/temp.jsx -o examples/public/app.js E o código: var React […]

Mapear Objeto vs em JavaScript

Acabei de descobrir o chromestatus.com e, depois de perder várias horas do meu dia, encontrei esta input de recurso : Mapa: os objects do mapa são mapas simples de chave / valor. Isso me confundiu. Objetos JavaScript regulares são dictionarys, então, como um Map diferente de um dictionary? Conceitualmente, eles são idênticos (de acordo com […]

Como importar jquery usando a syntax ES6?

Estou escrevendo um novo aplicativo usando a syntax (JavaScript) ES6 através do babel transpiler e dos plug preset-es2015 ins preset-es2015 , bem como da semantic-ui para o estilo. index.js import * as stylesheet from ‘../assets/styles/app.scss’; import * as jquery2 from ‘../dist/scripts/jquery.min’; import * as jquery3 from ‘../node_modules/jquery/dist/jquery.min’; console.log($(‘my-app’)); index.html Estrutura do projeto . ├── app/ […]

Reagir componente stateless funcional, PureComponent, Component; Quais são as diferenças e quando devemos usar o que?

Vimos que a partir do React v15.3.0 , temos uma nova class base chamada PureComponent para estender com o PureRenderMixin embutido. O que eu entendo é que, sob o capô, isso emprega uma comparação superficial de adereços dentro de shouldComponentUpdate . Agora temos 3 maneiras de definir um componente React: Componente stateless funcional que não […]

Javascript – seta funciona isso no manipulador de events?

Sou novo no ES6 e não consigo fazer isso funcionar: $(this) retorna indefinido no clique? dom.videoLinks.click((e) => { e.preventDefault(); console.log($(this)); var self = $(this), url = self.attr(configuration.attribute); eventHandlers.showVideo(url); // Deactivate any active video thumbs dom.videoLinks.filter(‘.video-selected’).removeClass(‘video-selected’); // Activate selected video thumb self.addClass(‘video-selected’); }); No entanto, se eu alterá-lo, não seja uma function de seta , funciona […]

Como faço para retornar a resposta de uma chamada assíncrona?

Eu tenho uma function foo que faz um pedido Ajax. Como posso retornar a resposta do foo ? Eu tentei retornar o valor do retorno de chamada de success , bem como atribuir a resposta a uma variável local dentro da function e retorná-la, mas nenhuma dessas maneiras realmente retorna a resposta. function foo() { […]

Usando a variável _ (sublinhado) com as funções de seta no ES6 / Typescript

Eu me deparei com essa construção em um exemplo angular e me pergunto por que isso é escolhido: _ => console.log(‘Not using any parameters’); Eu entendo que a variável _ significa não se importar / não é usada mas como é a única variável existe alguma razão para preferir o uso de _ over: () […]

deixe a palavra-chave no loop for

O let do ECMAScript 6 deve fornecer um escopo de bloco sem sobrecarregar dores de cabeça. Algum pode explicar porque no código abaixo i na function resolve para o último valor do loop (assim como com var ) em vez do valor da iteração atual? “use strict”; var things = {}; for (let i = […]

Quais navegadores suportam a syntax de importação e exportação do ECMAScript 6?

Atualmente estou escrevendo um aplicativo da web usando o MEAN Stack e estou tentando escrever código no ECMAScript 6 JavaScript; no entanto, estou recebendo erros no Chrome e no Firefox ao usar a syntax de importação e exportação. Existem atualmente navegadores que suportem totalmente o ECMAScript 6? Por favor note: Eu não estou perguntando quando […]