ecmascript-6 相关问题

相对路径的 Safari 模块预加载失败

我将 vega 模块包含在一个模块中： 从 'https://cdn.jsdelivr.net/npm/[email protected]/+esm' 导入 vega； 这在 Chrome、Edge 和 Firefox 上不会出现控制台错误，但在 Safari 上则不行。Inspect...

如何在纯Javasvript中从父级到子级添加addEventListener？

我需要你的帮助。我的代码结构是这样的： 按钮 选项1 选项2 &... 我需要你的帮助。我的代码结构是这样的： <div class="header"> <p>Button</p> <ul> <li>Option 1</> <li>Option 2</> <li>Option 3</> </ul> </div> 我想在 addEventListener 标签上使用 p，单击它时我们需要隐藏和显示 ul。 这是我朋友的挑战问题之一，请任何人帮助我如何实现这一目标。 p 标签位于标头类内部。我无法更改格式，需要像这样实现。我想使用纯 Javascript 来解决这个问题 Codepen 链接： 通过选择器选择DOM，添加点击事件，切换变量 const header = document.querySelector('.header') const btn = header.querySelector('p') const ul = header.querySelector('ul') let isShow = false btn.addEventListener('click', () => { isShow = !isShow ul.style.display = isShow ? 'none' : 'block' }) <div class="header"> <p>Button</p> <ul> <li>Option 1</> <li>Option 2</> <li>Option 3</> </ul> </div> 如果您想将其添加到多个元素 const toggleVisibilityOfEl = (el) => el.style.visibility = (el.style.visibility == 'hidden' ? 'visible' : 'hidden') // in case you add classes you can add the path to the element/ element here const allPElements = document.querySelectorAll('p'); const allUlElements = document.querySelectorAll('ul') allPElements.forEach(e => e.addEventListener('click', (event) => allUlElements.forEach(toggleVisibilityOfEl) ) ) <div class="header"> <p>Button</p> <ul> <li>Option 1</li> <li>Option 2</li> <li>Option 3</li> </ul> </div>

对象速记符号 { a, b } 被某些浏览器接受，但其他浏览器不接受 – 这是有效的 JavaScript 吗？

我很简单的问题是我想知道下面的代码是否合法： var a = 1; var b = 2; var c = {a,b}; 背景故事：我可以在 Chrome 中使用上面的代码，但 IE 11 似乎不起作用......

如何在模板文字内放置反引号 (`)？

如何在 ECMAScript 6 中编写包含反引号 (`) 的模板文字（即嵌套反引号）？ 例如： var 查询 = ` 更新包 放 `关联` = "

ReferenceError: require 未在 ES 模块作用域中定义，您可以使用 import 代替 该文件被视为 ES 模块

我在运行此代码时遇到此错误。 让 {controllerUser } = require('./router') ReferenceError: require 未在 ES 模块作用域中定义，您可以使用 import 代替 该文件正在处理...

如何在 JavaScript (ES6) 类上执行自定义事件？

当我在 JavaScript 类上搜索自定义事件时，我得到了很多旧的或不完整的结果。 MDN 显示 dom 元素的自定义事件。 Stackoverflow 的最高结果已经快十年了……

为具有相同键的每个项目创建一个对象属性数组

我将两个对象合并在一起以创建一个过滤器对象。但是，我想对键相同的合并对象属性值进行分组。 所以... [{category: '家具'}, {category: '镜子...

ES6 生成器的 hasNext()

我如何为生成器实现 hasNext() 方法。我尝试了很多选项，例如添加生成器作为返回语句并从闭包中产生。获取第一个值打印它...

替换严格模式下的 `with` 语句

这段代码有效并且易于理解： 函数 evalInScope(js, contextAsScope) { //# 返回我们使用传递的上下文调用的内联匿名函数的结果 返回功能...

CloudAnt是否支持ES6功能？

CloudAnt 服务器表示它正在使用 CouchDB 3.4.2，并且在 3.0 版本中向 CouchDB 添加了 ES6 支持...，但我无法在在线视图编辑器中对我的数据使用胖箭头函数语法。 .

当我向全局 React 对象添加模块时会发生什么？

在 React 中添加一个模块到“全局”会很昂贵吗？我希望有一个在需要时可用的模块，而不必依赖将其导入到每个文件中。 我将以下内容添加到...

创建新帖子时如何生成下一个项目ID？

如果在add方法中，我只添加“标题”和“url”，如何生成帖子中的下一个ID？ 方法： addPost(标题:字符串, url:字符串):void { 常量帖子 = { 标题：标题， 你...

使用“google-libphonenumber”中的 PhoneNumberFormat 不起作用

我想使用 google-libphonenumber 库格式化电话号码。我不想使用 Require，而是想使用 ES6 导入。但似乎不起作用 导入 { PhoneNumberUtil,

为什么`WeakMap`是不可枚举的？

在我重新进入 JavaScript（及相关）之前，我已经完成了大量的 ActionScript 3，其中有一个带有弱键的 Dictionary 对象，就像 ECMAScript 6 引入的 WeakMap 一样；但是 AS3

我们可以在javascript中执行orders.stream().mapToInt(Order::getQuantity).sum())吗？

在java中，我使用流来计算订单列表的总和，如下所示： order.stream().mapToInt(Order::getQuantity).sum() 我想知道是否有同样优雅的方法来做到这一点

引用前一个状态时避免在 setState 中使用回调

我仍然收到此错误，但我不明白在我的代码中怎么可能： 导出默认类 GenericTable 扩展 React.PureComponent { 构造函数（道具）{ 超级（道具）； 这个.状态...

如何将一个对象数组解构为多个数组，每个属性一个数组？

例如，我试图将具有三个属性的对象数组解构为三个单独的数组 也许像 const {wlAddresses,wlTokens,wlTickets} = Object.map() 或者 常量 [

对象字面量中属性名称周围的方括号意味着什么？

考虑以下对象文字： { 文件：{ [bpr + 'lib/Monster.min.js']: ['<%= concat.dist.dest %>'] } } []: [] 语法有什么作用？

仅当 Promise.all 中的所有 API 调用都失败时才抛出错误

在启动 Express 服务器 JS 之前，我想进行三个 API 调用。如果其中任何一个失败，我只想记录一个错误，但如果三个都失败，我想抛出一个错误并阻止服务器

如何使用WeakMaps来存储多个不同的私有值？

我在使用 javascript 类的私有成员时遇到了一个问题，我自己无法解决。 “严格使用”； var privateData = new WeakMap(); 水果类{ 构造函数（名称...