草庐IT

Bable-Preset-es

全部标签

javascript - 如何在 chrome 控制台中使用 let 等 ES6 语法?

这个问题在这里已经有了答案:UsingECMAScript6(5个答案)关闭7年前。我正在尝试在chrome控制台中编写一些ES6代码,但我运行时出现了一些错误。我如何在控制台中运行ES6脚本?例如,给定输入lettype='grizzle';控制台在消息中记录了一个SyntaxErrorBlock-scopeddeclarations(let,const,function,class)notyetsupportedoutsidestrictmode如下截图所示

javascript - 仅使用 typescript(没有 webpack 也没有 bable),我可以获得在浏览器中运行的多文件解决方案吗?

要在Chrome中运行,tsconfig.json需要什么?这样我只需要运行tsc然后就可以在浏览器中查看文件并且适当的结果会显示在控制台中?index.html包含:TypeScriptappindex.ts包含import{alpha}from"alpha";import{beta}from"beta";console.log(alpha+""+beta);阿尔法包含exportconstalpha='alpha';测试版包含exportconstbeta='beta';入口点是index.ts,我希望它全部捆绑到一个名为app.js的文件中。 最佳答案

javascript - 巴别塔 : Function parameter types in ES6

如果我编写以下代码并通过Babel(6.5.0)转译它,它会正常工作。functionfoo(first:string,second:number){//codehere}:string和:number只是从转译的ES5代码中删除。如果我使用错误的参数类型调用该函数,它不会导致任何错误/警告。即使没有任何功能,它们也能提供信息。我无法在互联网上找到有关ES6参数类型的正确信息。参数类型甚至是ES6的一部分吗?编辑:这个问题在下面的评论中得到了回答,我根据他们总结了官方答案。 最佳答案 感谢JoeClay,Bergi和FelixKli

javascript - ES6 类构造函数参数

我正在查看ES6类定义,但不理解构造函数的参数。这是类(class):exportclassModal{constructor($modal,{size=null,}={}){//stuff}}我对这个{size=null,}={}感到困惑。那是一个论点吗?什么意思? 最佳答案 这是一个objectdestructuring具有给定的默认值。如果你传递一个像这样的obj{size:true}您可以像普通变量一样访问构造函数中的“大小”exportclassModal{constructor($modal,{size=null}={}

javascript - 可以合并或嵌套 ES6 导入吗?

许多现代JavaScript库正在从单体更新为模块化的npm包;几个例子是lodash和d3.这在保持构建大小方面非常好,但在导入时会造成一些尴尬。加载整个库时,我写:importd3from'd3';letcsv=d3.csv()...letxScale=d3.scale()...当加载单个模块而不是整个包时,我写:importd3_scalefrom'd3-scale';importd3_requestfrom'd3-request';letcsv=d3_request.csv()...letxScale=d3.scale.scaleLinear()...是否有一种语法允许我合并我

javascript - 使用 ES6 箭头函数是否有性能提升?

ES6中新的箭头函数,就像单行函数,让代码更干净简洁,也允许你将调用者的范围保留在函数内,这样你就不需要做像var_this=this;,或者使用bind函数等与普通JavaScript函数相比,使用ES6箭头函数是否有显着的性能提升? 最佳答案 请记住,这个问题不可能有一个通用的答案,因为所有答案都取决于实现。因此,现在或某些浏览器的答案可能是X,将来或其他浏览器的答案可能是Y。这些规定说了,这里有一些数据:http://incaseofstairs.com/six-speed.目前,对于主流浏览器,答案是否,甚至可能会出现性能损

使用kettle同步全量数据到Elasticsearch(es)--elasticsearch-bulk-insert-plugin应用

背景为了前端更快地进行数据检索,需要将数据存储到es中是一个很不错的选择。由于公司etl主要工具是kettle,这里介绍如何基于kettle的elasticsearch-bulk-insert-plugin插件将数据导入es。在实施过程中会遇到一些坑,这里记录解决方案。可能会遇到的报错:1、NoelasticSearchnodesfound2、不支持ssl认证(用户名&密码)后文提供解决办法es插件配置这里举个简单例子,将mysql的一张表导入到es中: 表输入比较简单就不介绍了,这里讲下es插件的配置。1、先配置index、type,id(可以不设置)  2、配置ip跟port注意:port

JavaScript 保留字 : "preset"

我有一个带有选择下拉列表的表单,我的选择标签如下所示:现在我的JavaScript函数只是做alert('test');.好吧,当我在下拉列表中更改我的选择时,我收到一条错误消息,提示“预设不是函数”。是的,我验证了它的拼写正确,我什至在页面加载时对它进行了通用调用并收到了警报。如果我将函数名称更改为其他名称,例如presetx它工作得很好。所以我想也许“预设”是JavaScript中的某种保留字,但我似乎找不到这样的说法。为什么会这样?更新目前我的测试页上除了我的表单和功能之外没有任何其他内容。没有框架包含或其他代码,所以我知道它不是那样的。 最佳答案

javascript - 在带有 Browserify 的 ES6 中使用 Bootstrap 和 jQuery 包时出错

我正在尝试使用Bootstrap与jQuery.我正在使用Browserify用Babel转化为编译。我收到以下错误。UncaughtReferenceError:jQueryisnotdefined我试过像这样导入包,但出现上述错误。import$from'jquery';importBootstrapfrom'bootstrap';四处寻找,我找到了thisanswer,所以我尝试了这个,但我仍然遇到同样的错误。import$from'jquery';window.$=window.jQuery=$;importBootstrapfrom'bootstrap';Bootstrap.

javascript - 如何查看自己是否写过ES6代码?

我写了一堆Javascript代码。我从来没有意识到有多个JS“版本”,例如ES5和ES6。我现在在Github上托管了这个项目,有人指出因为我使用的是ES6代码,我可能需要使用Babel将它转换为ES5.但是,我不知道我的代码的哪些部分使用了ES6。我可以阅读所有ES6规范,但是是否有某种工具/检查器可以标记我项目中的所有ES6代码? 最佳答案 http://jshint.com/或http://www.jslint.com/-只需在控制台中添加代码即可检测ES6特定规范 关于java