ecmascript-6 相关问题

2015版ECMAScript规范,现在是标准(ECMAScript 2015)。仅使用此标记,其中的问题与ECMAScript 2015中提供的新功能或技术更改有关。

Home 不包含名为 Home

我正在使用 create-react-app 并遇到了这个问题,出现错误: Home 不包含名为 Home 的导出。 以下是我设置 App.js 文件的方法: 导入 React,{ Component } fr...

回答 10 投票 0

Javascript 中 let 变量的块作用域

我试图理解 JavaScript 中 ES6 类型的变量作用域。 我注意到当我尝试访问块范围之外的 let 变量时没有错误(但应该有一个引用

回答 2 投票 0

Javascript 中 const 变量的块作用域

我试图理解 JavaScript 中 ES6 类型的变量作用域。 我注意到当我尝试访问块范围之外的 let 变量时没有错误(但应该有一个引用

回答 1 投票 0

ES6 - 有没有一种优雅的方式来导入所有命名导出而不是默认导出?

我正在寻找一种优雅的方式来导入所有命名导出,而不必导入默认导出。 在一个文件中,我导出许多命名常量以及默认值: // myModule.js 常量 myDe...

回答 3 投票 0

类继承 - 添加参数而不重写父构造函数参数

我想扩展以下课程: 类人{ 构造函数(姓名,年龄){ this._name = 名称; this._age = 年龄; } 获取名称(){ 返回这个._name; ...

回答 3 投票 0

ES6 Set 和 WeakSet 有什么区别?

ECMAScript 6 有这些非常相似的集合:Set 和 WeakSet。他们有什么区别?

回答 5 投票 0

模板字符串 ES6 防止换行

我有一个很长的字符串,我使用 ES6 模板字符串构建它,但我希望它没有换行符: var string = `因为模板字符串中的所有字符串替换都是 JavaScript

回答 7 投票 0

Javascript - 模板字符串不能漂亮地打印对象

我可以使用 ES6 模板字符串来漂亮地打印 javascript 对象吗?这是来自 React Native 项目,console.log() 输出到 Chrome 调试工具。 我想要的是 const 描述 = '应用程序

回答 4 投票 0

Promise.race() 返回已解决的承诺而不是第一个被拒绝的承诺

当我运行以下代码时,它会输出“Promise 1”,即使在比赛中应该首先解决的 Promise 是 Promise2 并且应该输出“Error Promise 2”。输出背后的逻辑是什么

回答 1 投票 0

在 Typescript/Javascript 中将特定属性从记录转换为数组

需要将 Typescript/Javascript 中的记录类型转换为具有特定属性的数组 常量存储:记录 = { '法国':产品对象:{ ...

回答 3 投票 0

如何将 Babel 6 编译为 ES5 javascript?

我已经安装了最新版本的babel。目前是 6.4.0。我创建一个名为 myclass.js 的文件,其中包含以下代码。 类我的类{ 构造函数(名称){ console.log("我是 MyCl...

回答 3 投票 0

如何去掉prettier中的分号?

我正在使用 VS Code prettier 插件来格式化我的代码,如何添加设置以在格式化代码时不添加或删除分号?我知道这个功能是在一月份添加的,但我发现没有

回答 6 投票 0

webstorm:“元素未导出”警告是什么意思?

如果我在webstorm中写这样的代码 导出类 someOne { 构造函数(参数){ this.test = 参数; } 使用测试(){ 返回这个.测试; } } console.log(new someOne(123).useTest()); 和

回答 3 投票 0

增加和减少产品数量功能

我的增减数量函数有问题。增加数量效果很好,但减少数量就会破坏它。例如,我单击加号 19 次,然后单击减号...

回答 1 投票 0

JS:在客户端启用导出/导入(ES6 或使用 babel)?

我想导出/导入应用程序目录中的本地文件: 我的index.html: <p>我想导出/导入应用程序目录中的本地文件:</p> <p>我的<pre><code>index.html</code></pre>:</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=&#34;UTF-8&#34;&gt; &lt;script src=&#34;https://unpkg.com/<a href="/cdn-cgi/l/email-protection" data-cfemail="eb898a898e87c6989f8a858f8a8784858eabddc5dadec5db">[email protected]</a>/babel.min.js&#34;&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;script type=&#34;text/babel&#34; src=&#34;main.js&#34;&gt;&lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p><pre><code>actions.js</code></pre>:</p> <pre><code>export const ADD_TODO = &#39;ADD_TODO&#39; export const TOGGLE_TODO = &#39;TOGGLE_TODO&#39; export const SET_VISIBILITY_FILTER = &#39;SET_VISIBILITY_FILTER&#39; </code></pre> <p><pre><code>main.js</code></pre>(从index.html加载):</p> <pre><code>import {ADD_TODO, TOGGLE_TODO, SET_VISIBILITY_FILTER} from &#39;actions&#39; </code></pre> <p>现在如果我使用没有 babel 的 javascript,我会得到:</p> <p><pre><code>Uncaught SyntaxError: Unexpected token import</code></pre></p> <p>我使用<strong>Chrome浏览器版本60</strong>。这个版本不是应该已经支持ES6了吗?通过支持,我应该能够使用导出/导入?</p> <p>我还尝试了 babel (使用从 <pre><code>index.html</code></pre> 加载的独立 babel)。</p> <p>然后我收到此错误:</p> <pre><code>Uncaught ReferenceError: require is not defined at &lt;anonymous&gt;:4:16 at n (https://unpkg.com/<a href="/cdn-cgi/l/email-protection" data-cfemail="61030003040d4c1215000f05000d0e0f0421574f50544f51">[email protected]</a>/babel.min.js:12:27049) at r (https://unpkg.com/<a href="/cdn-cgi/l/email-protection" data-cfemail="b7d5d6d5d2db9ac4c3d6d9d3d6dbd8d9d2f7819986829987">[email protected]</a>/babel.min.js:12:27558) at e.src.i.(anonymous function).error (https://unpkg.com/<a href="/cdn-cgi/l/email-protection" data-cfemail="33515251565f1e4047525d57525f5c5d5673051d02061d03">[email protected]</a>/babel.min.js:12:27873) at XMLHttpRequest.i.onreadystatechange (https://unpkg.com/<a href="/cdn-cgi/l/email-protection" data-cfemail="57353635323b7a2423363933363b38393217617966627967">[email protected]</a>/babel.min.js:12:27316) </code></pre> <p>我知道客户端不存在<pre><code>require</code></pre>,但这不是 ES6 的导出/导入(不是 NodeJS 导出)语法吗?..</p> <p>我是否需要求助于<pre><code>webpack</code></pre>之类的东西才能发挥作用?</p> <p>根据这个答案:<a href="https://stackoverflow.com/questions/35496479/trying-es6-imports-with-chrome-but-it-doesnt-seem-to-work">尝试使用 Chrome 导入 ES6,但它似乎不起作用</a>您需要在 Chrome 中启用 <pre><code>Experimental Web Platform</code></pre> 标志并使用 <pre><code>&lt;script type=&#34;module&#34; src=&#34;main.js&#34;&gt;&lt;/script&gt;</code></pre>。但使用它会停止加载任何内容。看来浏览器只是忽略了这种类型。即使这种方法可行,那么我想我将无法使用 babel,因为它会使用不同的类型?</p> <p>附注根据这个:<a href="http://2ality.com/2014/09/es6-modules-final.html#named-exports-several-per-module" rel="noreferrer">http://2ality.com/2014/09/es6-modules-final.html#named-exports-several-per-module</a>它应该可以工作..</p> </question> <answer tick="false" vote="4"> <p><pre><code>import</code></pre> / <pre><code>export</code></pre> 语句现在受 <a href="https://caniuse.com/#search=javascript%20modules" rel="nofollow noreferrer">97+% 的所有浏览器支持</a></p> <h1>如何使用</h1> <p>在模块(myModule.js)中:</p> <pre><code>const myVar = &#39;Hello !!&#39;; export { myVar } </code></pre> <p>在index.html中</p> <pre><code>&lt;script type=&#34;module&#34;&gt; import myVar from &#39;./myModule.js&#39; console.log(myVar) // output 10 &lt;/script&gt; </code></pre> <p><a href="https://jakearchibald.com/2017/es-modules-in-browsers/" rel="nofollow noreferrer">这是一篇关于如何使用它的好文章</a></p> </answer> <answer tick="true" vote="2"> <p>Chrome已经实现了大部分es6新功能,除了<pre><code>import / export</code></pre>尚未实现,更多详情:<a href="https://ruanyf.github.io/es-checker/" rel="nofollow noreferrer">https://ruanyf.github.io/es-checker/</a></p> <p>如果你不想使用webpack来编译文件,可以尝试:</p> <pre><code>$ npm install --global babel-cli </code></pre> <p>然后:</p> <pre><code>babel example.js -o compiled.js </code></pre> <p>最后你会得到编译好的文件,该文件将支持浏览器。</p> <p>加上,关键字<pre><code>require/exports/module.exports</code></pre>是CommonJS规范,由Node.js支持。文件<pre><code>https://unpkg.com/<a href="/cdn-cgi/l/email-protection" data-cfemail="53313231363f7e2027323d37323f3c3d3613657d62667d63">[email protected]</a>/babel.min.js</code></pre>使用了CommonJS规范,所以在浏览器端会报错</p> </answer> </body></html>

回答 0 投票 0

在nodejs中的构造函数内部析构对象以将值分配给成员变量不起作用

我正在尝试在构造函数内进行 ES6 对象解构,希望为成员变量赋值。它不起作用。当我在时它显示未定义 打印成员函数内的值...

回答 1 投票 0

ES6 按字段类型对数组对象进行分组

是否有一种简洁的 es6 功能方法可以按类型对项目进行分组,因为它是不可变的? 账户.json [ {"account": {"name": "Bob 的信用", "type": "信用", "id": "1"}}, {“根据...

回答 2 投票 0

从对象文字符号内的另一个箭头函数调用箭头函数[重复]

我想使用对象文字表示法来生成命名空间: const featureGoogleAnalytics = { gTagId: 'G-XXXXXXX', // 您的 Google Analytics ID ... resetConsent: () => { // eslint-disable...

回答 2 投票 0

期望变量为空或布尔值

我正在使用 Jest 为 Node.js 后端开发一些测试,我需要检查来自第三方的一些值。在某些情况下,这些值可以是布尔值或空值。 现在...

回答 2 投票 0

如果在 ReactJS 中关闭或刷新页面则显示警告

我的问题是我需要用户确认是否要继续关闭或刷新页面。如果他按“否”,则不会关闭也不会刷新页面。 请看一下我到目前为止的代码: 使用Eff...

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.