ES6扩展语法:自动跳过空键？
ES6扩展语法中的自动跳过空键指的是在对象的字面量定义中，当键名为空时，ES6会自动跳过该键值对的定义。
在ES6之前，如果想在对象字面量中定义一个空键，则需要手动添加冒号和值，例如：
var obj = { "": "value" };而在ES6中，如果键名为空，可以直接省略冒号和值的定义，例如：
var obj = { "": "value" };这样的写法更加简洁，减少了代码的冗余。
这种特性在某些情况下非常有用，例如在定义一些只关注值的对象时，可以省略键名，只定义值。另外，在进行一些数据转换或处理时，也可以使用空键来排除一些不需要的属性。
腾讯云相关产品中，与ES6扩展语法的自动跳过空键相关的产品可能不直接存在，因为这是语言规范的一部分，不是某个特定产品的功能。但是，腾讯云提供了云函数（Cloud Function）服务，可以用来托管和运行前端和后端的代码。你可以使用云函数来部署和运行支持ES6语法的应用程序。云函数支持多种语言，包括JavaScript，因此可以用来运行ES6语法的代码。
以下是腾讯云云函数的相关产品介绍链接地址： https://cloud.tencent.com/product/scf
请注意，以上的回答仅代表个人观点，可能与其他人的观点略有不同。
相关·内容
1回答
我在试着处理Node和ES模块。具体来说，如何/如果您可以从导入语句的路径字符串值中省略文件扩展名(还可以选择获得VSCode来自动完成这些路径)。
据我所知，您可以为文件提供.mjs扩展名，也可以在package.json中设置"type" = "modules"，但这两种方法都会导致以下问题。
如果文件扩展名为VSCode，则不会自动完成路径，只有在文件为.js时才会看到。但是，如果是manually.Trying，则自动完成忽略字符串中的扩展名，导入失败，直到我将其添加到.js以在自己的模块中使用像graphql这样的库时也会失败，因为已经编写了graph
浏览 2提问于2020-08-17得票数 12
1回答
在我最近建立的一个类型记录项目中，我让Babel编译我的类型记录代码。我还使用@typescript-eslint作为我的链接器。到目前为止，它一直运行良好，直到最近我尝试在代码中使用Symbol。
由于某种原因，打字稿(或巴贝尔)无法识别Symbol，并给我一个错误的Symbol is not defined。
下面是我的eslintrc的样子：
{
"parser": "@typescript-eslint/parser",
"extends": [
"eslint:recommended",
&
浏览 4提问于2019-09-22得票数 5
回答已采纳
我不明白为什么我需要在两个不同的参数中指定相同的信息。
module.exports = {
env: {
commonjs: true,
es6: true,
node: true
},
extends: [
'eslint:recommended'
],
globals: {
Atomics: 'readonly',
SharedArrayBuffer: 'readonly'
},
parserOptions: {
ecmaVersion: 6
},
浏览 5提问于2020-05-22得票数 4
3回答
所以，我正在尝试一下打字稿和Grunt，看看这对我是否值得。问题是:类型记录不编译为*.mjs文件，而是只编译常规的*.js文件。节点支持ES6模块，但必须将它们标记为“*.jsm”文件或设置"type": "module"。然而，在package.json中设置这个顶级字段对于同一目录中的任何*.js文件和以下任何文件都具有全局范围。
这会破坏Gruntfile.js文件，因为它使用了CommonJS模块，请参见我的基本Gruntfile示例：
module.exports = function (grunt) {
grunt.initConfig({
浏览 1提问于2020-06-17得票数 1
回答已采纳
我在编写代码时偶然发现了这一点：
var obj = {
myFunc() {
document.body.innerHTML = 'Hello World!';
}
};
obj.myFunc();
我想输入的是：
var obj = {
myFunc: function() {
// ...
}
};
我没有注意到我不小心输入了第一个，直到我意识到我的代码没有在IE11中运行。
为什么第一个示例在Chrome/Firefox中工作，而不是在IE11中呢？
另外，如果这是一个官方语言特性，，这叫做
浏览 2提问于2017-01-06得票数 2
回答已采纳
如何引用超级上下文？不是关于引用超级属性或函数。
例如
class ParentClass {
constructor () {}
aFunction () {}
}
class ChildClass extends ParentClass {
constructor () { super(); }
aFunction () {
super.aFunction.apply(***super***, arguments);
}
}
浏览 0提问于2015-11-17得票数 0
我试着运行下面的代码。在控制台上，我得到了一个空数组。是因为它是异步的吗？
...
export class HomePage {
coords= [];
fillArray()
{
for (let i in myArray) {
this.coords.push(myArray[i]);
}
console.log(this.coords);
}
浏览 2提问于2018-01-05得票数 1
回答已采纳
我不小心写了下面的代码，
var x = {hai:10,test(){ alert("I am alive")}};
x.test(); //alerting the value
它运行良好，我想知道这段代码是如何工作的？因为它以前被认为是无效的语法。我知道，在ECMAscript 6中，已经引入了一个属性赋值的缩写。
示例：
var x = 5, y = {x}; // is as same as var x=5,y={x:x};
但我不确定函数的定义。有人能用文件证明来解释这件事吗？
浏览 1提问于2016-02-25得票数 2
回答已采纳
我尝试在输入字段中设置一个数字，并将其保持在一种状态。但是，当我尝试设置数组的状态时，它不会被填充，而当我尝试使用匿名函数时，它会创建如下内容 {
"btm": {
"btm": {
"btm": {...},
"top": 100},
"top": 100},
"top": 100
} 下面是执行此操作的代码： const Numbers = (props) => {
const
浏览 16提问于2020-07-03得票数 0
回答已采纳
这3个点在react.js或redux中的用途是什么？
const something = (state = initState, action) => {
switch (action.type) {
case something:
return { ...action.response };
default:
return state;
}
};
浏览 1提问于2020-04-02得票数 1
回答已采纳
在我的角形6应用程序中，我在IE 11中得到一个控制台错误，名为"Script1010：“预期标识符。常绿浏览器没有问题。
错误发生在第一个“。在spread操作符函数中，在绑定的js文件中标识的是：
function(e,t,n){"use strict";function 1(...e){if(e.length>1)
{e[0]=e[0].slice(0,-1);const t=e.length-1;for(let n=1;n<t;++n)e[n]=e[n].slice(1,-1);return e[t]=e[t].slice(1),e.join(
浏览 3提问于2020-04-13得票数 0
回答已采纳
我尝试过: Object.assign()，Object.create()，Object.hasOwnProperty()，但这会在我的对象中创建一个空对象，并复制相同的引用。实际上，我正在做这件事，但它在资源、内存等方面是不正确的。
有什么建议或替代方案吗？
listTypes = GWStypes["name_attr_JSON"];
var objectClone = JSON.parse(JSON.stringify(listTypes));
MMSignalsObject[signalName] = objectClon
浏览 4提问于2016-03-09得票数 2
在这个特定的例子中
const rows = [
{id: 0, text: 'View'},
{id: 1, text: 'Text'},
{id: 2, text: 'Image'},
{id: 3, text: 'ScrollView'},
{id: 4, text: 'ListView'},
]
const extractKey = ({id}) => id
export default class App extends Component {
renderIte
浏览 79提问于2018-12-13得票数 0
回答已采纳
3回答
我一直这样定义：
{
a: function(par1, par2) { },
}
但最近我看到了这个(我假设是等效的，但我不确定)：
{
a(par1, par2) { },
}
这种语法是什么时候引入的？
浏览 1提问于2016-01-15得票数 2
我在ECMAScript中创建了一个没有原型的空对象，并定义了如下一些属性：
var obj = Object.create(null)
obj.name = 'John'
obj.age = 27
在这里，obj不是对象的实例。
obj.name // John
obj.age // 27
obj instanceof Object // false
obj.prototype // undefined
obj.constructor // undefined
尝试使用两种方法扩展这个空对象使obj成为某物的实例。
使用Object.__proto__不起作用。
functi
浏览 3提问于2017-08-23得票数 1
当我创建javascript对象的动态键时，它破坏了收缩过程。
var a = "custome_name"
var b = {[a]:"myName"}
// {custome_name: "myName"} - works fine but breaks in gulp minification task.
我还能用什么语法呢？
浏览 0提问于2017-12-15得票数 0
回答已采纳
我用这个构造函数初始化我的组件：
constructor($q, $state) {
'ngInject'
Object.assign(this, { $q, $state })
}
简单的等价物
this.$q = $q
this.$state = $state
扩展运算符的替代方案是什么？
浏览 11提问于2018-01-16得票数 1
回答已采纳
在打字本中，进出口陈述有不同的语法。我可以写这样的东西：
export class MyClass {}
然后将该类包含在其他文件中：
import {MyClass} from "./fileName"
但是还有另一种方式来写同样的东西。出口：
class MyClass {}
export = MyClass;
进口：
import MyClass = require("./fileName");
我的问题是:我应该使用哪一种方法？哪一个更合适？
浏览 2提问于2016-05-26得票数 1
回答已采纳
2回答
在网页上，我找到了以下代码：
const validate = async (request, username, password) => {
const user = users[username];
if (!user) {
return { credentials: null, isValid: false };
}
const isValid = await Bcrypt.compare(password, user.password);
const credentials = { id: user.id, name:
浏览 0提问于2018-08-23得票数 1
回答已采纳
我正在寻找一种创建对象键的解决方案(这是正确的吗？)动态的。
任意示例，但这在chrome和firefox中有效。
var weeks = {}
for(var i = 0; i < 5; i++){
$.extend(weeks, {["week" + i] : (i * 2)}
}
//weeks = {"week0":0,"week1":2,"week2":4,"week3":6,"week4":8}
或者任意选择的例子
var object = {
["a"
浏览 5提问于2016-05-23得票数 7
回答已采纳
当我以某种方式使用扩展操作符时，我得到了一个奇怪的eslint错误。我在整个应用程序中都在使用它，但是这一行是抛出一个错误。
//this is ok
const sortById = arr => [...arr].sort((a, b) => (parseInt(a.EMPLOYEE_ID) < parseInt(b.EMPLOYEE_ID) ? -1 : 1));
//this is ok
const addStoreType = arr => arr.map(obj => ({ ...obj, STORE_TYPE: typeOfStore(parseI
浏览 0提问于2018-08-23得票数 0
我正在使用Duktape在我的安卓应用程序中运行JS代码。我正在尝试在JS中实现一个日志函数，它接收多个varargs参数。当运行代码时，我得到了一个异常： 方法引发了“com.squareup.duktape.DuktapeException”异常。SyntaxError:期望的标识符(第3行) Duktape支持Spread syntax吗？一般情况下是否支持Kotlin选项？ //JS code
"""
var Console = {
log : function(...args) {
__consoleImpl.
浏览 18提问于2020-04-07得票数 0
回答已采纳
我知道在Javascript里没有“字典”。所以键可以是“不止一个字符串”。但是如何解释结果"[index] = index"
a={["abc"]:123}
a["abc"]==123
true
为什么会起作用？
我已经更新了上面的声明。抱歉误会了。
浏览 7提问于2017-06-01得票数 2
我定义了一个变量和一个作用域，以便在Angular中应用过滤器：
var tochange = "Ferrari";
$scope.filter = { cars :{ tochange : true}};
我希望当我在作用域之外更改tochange变量的值时，该变量也会发生变化，但使用此代码时，它不会按预期工作。您可以查看JSfiddle
编辑:更改了jsfiddle url，现在应该可以正常工作了。
谢谢!
浏览 20提问于2016-08-18得票数 0
回答已采纳
我想在node中的文件中导入一个函数，但我得到了错误的意外令牌。我在这里做错了什么？我的文件works2.js如下所示
function isEmpty(obj) {
for (let key in obj) {
if (obj.hasOwnProperty(key))
return false;
}
return true;
}
export default isEmpty
我的test2.js文件如下所示：
import isEmpty from './works2';
这两个文件都在同一个目录中，但是如果我
浏览 1提问于2019-08-08得票数 0
1回答
如果我有一个像这样的对象：
var state = { 10: [Object], 12: [Object, Object], 13: [Object, Object, Object] }
我想在一个子数组的末尾添加一个新对象，而不改变原来的对象。相反，通过ES6返回一个新对象：
无可否认，我对不可变对象和ES6的理解都很愚蠢。这是我第一次尝试这样做，但这(出于显而易见的原因)不起作用。
return {
...state,
[12]:
state[12], Object
}
有谁知道正确的语法来生成它吗？：
var state = { 10: [Obje
浏览 5提问于2017-01-23得票数 1
回答已采纳
1回答
我正在使用sublimetext3来处理jsx文件。我已经安装了以下软件包
sublimeLinter
升华
升华
反应
反应片段
我已经使用jsxhint选项安装了jshint和npm -g，但是仍然不支持jsx文件？有什么我遗漏或应该检查的东西吗？
浏览 1提问于2015-05-07得票数 1
2回答
我在javascript中使用两个类。
类挑战和类模块，这扩展了挑战。
在“挑战”中，我有一个构造函数：
constructor() {
this.handles = [];
}
这种方法：
bla() {
let elmnts = document.querySelectorAll("p"); // 5x
for(let i=0; i < elmnts.length; i++) {
let elmnt = elmnts[i];
this.handles[elmn
浏览 9提问于2022-02-06得票数 0
我搞不懂组件和react类之间有什么区别？
什么时候对react类使用组件？看起来组件是一个类，createClass创建了一个组件。
React.Component
当使用ES6类定义组件时，这是它们的基类。有关如何使用带有React的ES6类，请参见可重用组件。有关基类实际提供的方法，请参见组件API。
React.createClass
创建一个组件类，给定一个规范。组件实现一个呈现方法，该方法返回一个子组件。这个孩子可能有一个任意深的孩子结构。使组件与标准原型类不同的一点是，您不需要对它们调用新的。它们是为您构造支持实例(通过新的)的方便包装器。
浏览 4提问于2015-06-05得票数 50
回答已采纳
我试图添加一些过滤到应用程序，但我的更改处理程序似乎没有引用‘这’？你知道我在这里做错什么了吗？
class ShipmentList extends Component {
constructor(props) {
super(props)
this.state = {
shipments: [],
searchString: '',
loading: false
}
}
handleChange(e){
this.setS
浏览 2提问于2017-04-20得票数 2
回答已采纳
1回答
空的生产规则
nonterminal -> epsilon
在lex-yacc LR自底向上解析器生成器(例如PLY)中非常有用。
在什么情况下应该在PEG解析器中使用空结果，例如pyparsing？
浏览 0提问于2011-05-04得票数 6
回答已采纳
如果我在我的Chrome扩展中做了这样的事情，它就能正常工作：
chrome.storage.local.set({"Foo1": dataValue});
这很好：
chrome.storage.local.get("Foo1", callback);
但是，当我试图抽象这些信息函数时，我可以在不同的情况下使用不同的键名：
function saveLocalData(dataKey, dataValue){
chrome.storage.local.set({dataKey: dataValue});
}
saveLocalData("Foo
浏览 4提问于2017-03-04得票数 2
回答已采纳
3回答
快件进口面临的问题
、、、
我正在开发MERN应用程序，在导入express时，它显示了错误，它显示了SyntaxError: Cannot use import statement outside a module，我的代码是
import express from 'express';
const app = express();
const port = process.env.PORT || 3000;
app.get('/',(req,res)=>{
res.send('this is homepage')
})
app.listen( por
浏览 14提问于2022-05-17得票数 0
1回答
我试图根据ID从db中删除多个项，这些项存储在数组中并使用AJAX传递
数组数据是正确的，我只是不明白为什么下面的代码不会删除记录。
任何帮助都是非常感谢的
我的jQuery代码：
$("#bulkdel").click(function(){
event.preventDefault();
var idlist = $("#companylist input:checkbox:checked").map(function(){
return $(this).val();
}).get();
console.log(idlist);
var length =
浏览 0提问于2018-09-06得票数 1
回答已采纳
使用Babel 6，我正在尝试而不是在我编译的代码中包含"use strict"。
我发现添加它的是 (在中)。
在中，在inherit "babel-plugin-transform-strict-mode"看来，如果我删除它，它仍然工作得很好，也就是说，它将import "…"编译成require(…)，而不添加"use“。
那么，为什么“转换-s 2015-模块-公共”强制严格模式？
浏览 1提问于2015-12-19得票数 6
回答已采纳
1回答
我很难理解this在ES6类中的作用域。在这里，我有一个组件：
export default class App extends React.Component {
constructor(props) {
super(props);
this.state = {
credentials: {
v: '3.exp',
key: null,
},
coordinates: {
lat: 51.5258541,
lng: -0.08040660000006028
浏览 0提问于2016-04-07得票数 1
1回答
这里，处理程序函数中的道具名称与状态中的名称相同，两者都是“`phone”。
state = {
phone: '',
}
。
<TextInput
onChangeText={this.handlePhoneChange}
/>
。
handlePhoneChange = phone => {
this.setState({phone})
}
不是应该是this.setState({phone:phone})吗？这两个陈述是同义词还是我遗漏了什么？
浏览 3提问于2020-05-15得票数 2
回答已采纳
1回答
我有一个关于ECMA6类扩展的问题。“旧”方法允许我创建一个“类”(基本上是一个函数或对象)，然后通过添加它的原型来“扩展”它。这样就可以让第三方供应商为软件编写插件并轻松地添加它们。然后，您只需实例化原始的“类”，它就可以访问添加到其原型中的所有内容。
在ECMA6中，您可以扩展类，但我看不出这如何为我提供同样的可能性。如果供应商X扩展了我的类Y，那么现在我必须实例化X而不是Y。如果另一个供应商添加了自己的扩展Z，那么现在我必须知道它们的存在，然后在X和Z之间进行选择。
我刚刚开始学习ECMA6，所以我可能只是在这里遗漏了一些东西。我如何拥有一个ECMA6类，让不同的供应商对它进行扩展，然后
浏览 4提问于2016-11-03得票数 1
回答已采纳
1回答
我创建了这个静态字典：
static var pictures = Dictionary<Int, Array<UIImage>>()
我想用图像填充它。在我创建它的时候，我不知道我需要创建多少键/值对。我必须从互联网上获取数据，但之后我会这样做以填充数据，但我的字典仍然是空的：
for i in 0...Fetching.numberOfAliveListings - 1 {
for _ in 0...AdsCollectionView.listings[i].photos.count - 1 {
AdsCollectionView.pictu
浏览 5提问于2018-07-19得票数 0
回答已采纳
2回答
我知道为了让{...todo}在Todo组件中工作，必须将它转换为类似于：completed=false text="clean room"的道具，但是扩展操作符是如何做到这一点的呢？当前的{...todo}不是被转换为{completed:false}, {text:"clean room"}吗？
const TodoList = ({ todos, onTodoClick }) => (
<ul>
{todos.map(todo =>
<Todo
key={todo.id}
浏览 2提问于2016-08-19得票数 1
回答已采纳
我试图通过查看他们的的源代码来理解Facebook是如何工作的。
在那里，我看到
var MessageStore = assign({}, EventEmitter.prototype, {
emitChange: function() {
this.emit(CHANGE_EVENT);
},
/**
* @param {function} callback
*/
addChangeListener: function(callback) {
this.on(CHANGE_EVENT, callback);
},
...
}
...
浏览 0提问于2016-01-02得票数 2
回答已采纳
3回答
我正在从这个中学习Redux，我不知道下面的扩展操作符是如何在对象和数组中工作的。如果...state返回相同的东西，那么在这两种情况下如何工作呢？我以为它只会返回一个数组，所以它将在SHUTTER_VIDEO_SUCCESS内部工作，因为除了action.videos之外，它只会将状态中的任何内容扩展到新的数组中，但是这在SELECTED_VIDEO情况下如何工作呢？没有钥匙可以放进去。spread运算符从默认的initialState获取数组，而不是键值对，对吗？
initialState.js
export default {
images: [],
videos: []
};
浏览 5提问于2017-05-20得票数 2
1回答
我正在尝试理解我的React应用程序中的以下语法。本质上，我想理解setState()中的代码。 this.getSomePromise().then(
// resolve callback function
someImg =>
this.setState(prevState => ({
...prevState,
doggo: someImg.message
})),
// reject callback function
() => alert(&
浏览 12提问于2019-02-10得票数 1
回答已采纳
我已经用JS写了一段时间了，并且没有使用这个表单：
dist: {
files: {
[bpr + 'lib/Monster.min.js']: ['<%= concat.dist.dest %>']
}
}
}
这个
[]:[]
它起作用了，我只是以前没用过，也没见过。
浏览 3提问于2016-01-16得票数 38
很抱歉，如果你觉得这是一个重复的问题，但我找不到解决我的问题在任何类似的问题，并无法理解为什么会出现这个问题。
我有一个名为Selector.tsx的组件，它基本上有一个输入字段和一串按钮，当单击这些按钮时，应该用输入字段中的数据创建一张卡片。
selector.tsx**:**
const profileList: Profile[] = [
{
name: 'Website',
value: 'website',
},
{
name: 'Documentation',
value: 'doc
浏览 9提问于2022-05-24得票数 1
回答已采纳
1回答
我正在构建一个搜索引擎(和React.js)，在那里我可以使用他们的API查找GIPHY。我是React.js新手，我在正确处理这个代码时遇到了一些困难。
import React from 'react'; //react library
import ReactDOM from 'react-dom'; //react DOM - to manipulate elements
import './index.css';
import SearchBar from './components/Search';
import Gi
浏览 0提问于2018-02-05得票数 2
回答已采纳
我有一个代码块：
var Function1 = function (argument1) {
// ...
};
var Function2 = function (argument2) {
// ...
};
var MyObject = { "somekey": {}, Function1, Function2 };
这在每个Windows/IOS浏览器中都非常有效。
在安卓系统上，当MyObject在Chromium中实例化时，它会抛出"Uncaught SyntaxError: Unexpected token ,"。我怀疑我的语
浏览 10提问于2016-12-26得票数 1
回答已采纳
也许这是一个愚蠢的问题，但是我正在为Web开发人员使用Eclipse Java EE IDE，并且我想使用JavaScript开发工具来帮助我处理Javascript代码(现在我必须部署来测试我的javascript代码)。我使用Spring、Maven、Hibernate、Thymeleaf和Bootstrap。我认为在Web开发人员的IDE中包含了它，如果我进入安装详细信息，我会看到它：
我阅读了并执行了除安装之外的所有步骤，但我看不出我的javascript中是否有错误。有没有可能对语法和提议进行验证？现在它似乎在Eclipse环境中对我的代码使用了Notepad++
浏览 0提问于2016-01-22得票数 0
我使用的是NodeV6.0.0，并希望使用ES2016 (ES6)。然而，我意识到"import“语法不起作用。“导入”不是用ES2015编写模块化代码的基础吗？我也尝试使用--harmony_modules选项运行节点，但仍然收到关于"import“的相同错误。这是代码。
不带“import”的工作代码：
'use strict';
let sum = 0;
class Number {
addNumber(num1, num2) {
return num1 + num2;
}
}
let numberObj = new Number();
浏览 33提问于2016-04-28得票数 80
回答已采纳
最近，我不得不在过去的几天里拿起ReactJS来做一个项目。虽然我已经掌握了大部分基础知识，但我遇到了ES5和ES6的语法问题。我不太明白其中的区别以及如何将代码从一种转换到另一种。我已经使用了很多ES6的复制和粘贴，所以它对我来说相当容易掌握。但当我遇到ES5时，我很挣扎。
我正在尝试从已有的代码创建一个模式，但我不太清楚它最终应该是什么样子。下面是我想要转换的内容：
import React from 'react';
import ReactDOM from 'react-dom';
const Example = React.createClass({
浏览 19提问于2017-03-16得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
