Tag: ecmascript 6

babel-preset-stage-0,babel-preset-stage-1等有什么区别

所以我的问题是: babel-preset-stage-0 , babel-preset-stage-1 , babel-preset-stage-2和babel-preset-stage-3的区别是什么, ES6 ?

我怎样才能在Javascript中使用默认导入?

使用ES6模块,我知道我可以别名命名导入 import { foo as bar } from 'my-module'; 而且我知道我可以导入默认导入 import defaultMember from 'my-module'; 我想要别名的默认导入,我曾经认为下面的工作 import defaultMember as alias from 'my-module'; 但是这会导致parsing(语法)错误。 我怎么能(或者我可以?)别名默认导入?

如何使用ES6胖箭头.filter()对象数组

我试图使用ES6箭头函数与.filter返回成年人(杰克和吉尔)。 看来我不能使用if语句。 我需要知道什么才能在ES6中做到这一点? var family = [{"name":"Jack", "age": 26}, {"name":"Jill", "age": 22}, {"name":"James", "age": 5 }, {"name":"Jenny", "age": 2 }]; let adults = family.filter(person => if (person.age > 18) person); // throws error (8:37) SyntaxError: unknown: Unexpected token (8:37) |let adults = family.filter(person => if (person.age > 18) person); 我工作的ES5的例子: let adults2 = family.filter(function (person) […]

承诺,传递额外的参数,然后链

承诺,只是例如 var P = new Promise(function (resolve, reject) { var a = 5; if (a) { setTimeout(function(){ resolve(a); }, 3000); } else { reject(a); } }); 我们打电话之后再承诺的方法: P.then(doWork('text')); doWork函数看起来像这样: function doWork(data) { return function(text) { // sample function to console log consoleToLog(data); consoleToLog(b); } } 我如何避免doWork中的内部函数,从promise和text参数访问数据? 如果有什么窍门? 谢谢。

如何告诉webpack dev服务器为任何路由提供index.html

React路由器允许反应应用程序处理/arbitrary/route 。 为了这个工作,我需要我的服务器发送任何匹配路线上的React应用程序。 但是webpack dev服务器不处理任意的端点。 这里有一个解决scheme使用额外的快递服务器。 如何允许webpack-dev-server允许来自react-router的入口点 但我不想启动另一个快速服务器来允许路由匹配。 我只是想告诉webpack开发服务器匹配任何url,并发送给我我的反应的应用程序。 请。

ES6 Map和WeakMap有什么区别?

看起来这和这个 MDN页面似乎像地图和WeakMaps的唯一区别是WeakMaps的缺less“大小”属性。 但这是真的吗? 他们之间有什么区别?

什么`返回函数*(){…}`是什么意思?

我在Koa看到一些奇怪的东西。 它有一些新的函数名称(从https://github.com/koajs/koa/blob/master/examples/co.js#L10 ): app.use(function(){ return function *(){ var paths = yield fs.readdir('docs'); var files = yield paths.map(function(path){ return fs.readFile('docs/' + path, 'utf8'); }); this.type = 'markdown'; this.body = files.join(''); } }); return function *()是什么意思? 我们可以在JavaScript中声明一个名称为*的函数吗?

ES6类多重inheritance

我已经在BabelJS和MDN (根本没有任何信息)上完成了大部分的研究工作,但请随时告诉我,如果我没有足够小心地查找关于ES6 Spec的更多信息。 我想知道ES6是否支持与其他鸭式语言一样的多重inheritance。 例如,我可以做些什么: class Example extends ClassOne, ClassTwo { constructor() { } } 将多个class级扩展到新class级? 如果是的话,解释器会比ClassOne更喜欢ClassTwo的方法/属性吗?

如何使用React + ES6 + webpack导入和导出组件?

我使用babel和webpack玩React和ES6 。 我想要在不同的文件中创build多个组件,导入到一个文件中,并将其与webpack捆绑在一起 比方说,我有几个这样的组件: 我-navbar.jsx import React from 'react'; import Navbar from 'react-bootstrap/lib/Navbar'; export class MyNavbar extends React.Component { render(){ return ( <Navbar className="navbar-dark" fluid> … </Navbar> ); } } 主page.jsx import React from 'react'; import ReactDOM from 'react-dom'; import MyNavbar from './comp/my-navbar.jsx'; export class MyPage extends React.Component{ render(){ return( <MyNavbar /> … ); } […]

在for循环内访问ES6数组元素索引

我们可以使用for-for循环访问数组元素: for (const j of [1, 2, 3, 4, 5]) { console.log(j); } 我怎样才能修改这个代码来访问当前的索引呢? 我想用for-of语法来实现这一点,既不forEach也不for-in。