javascript：爲什麼在javascript對象中沒有按鍵

Question

展望redux todomvc，爲什麼以下的{}之間沒有按鍵？例如在下面的text和id之前沒有鑰匙？有點困惑。

import * as types from '../constants/ActionTypes' 

export const addTodo = text => ({ type: types.ADD_TODO, text }) 
export const deleteTodo = id => ({ type: types.DELETE_TODO, id }) 
export const editTodo = (id, text) => ({ type: types.EDIT_TODO, id, text }) 
export const completeTodo = id => ({ type: types.COMPLETE_TODO, id }) 
export const completeAll =() => ({ type: types.COMPLETE_ALL }) 
export const clearCompleted =() => ({ type: types.CLEAR_COMPLETED }) 

歡迎任何評論。謝謝。

UPDATE

謝謝你的回答和評論。我發現我的問題有點愚蠢。目前，我正在學習反應和樂趣。我不熟悉es2015。有時，我無法區分2015es新語法和redux語法。謝謝。

Answer 1

在ES2015（和JSX）對象初始值設定項中，您可以通過僅給出變量的名稱而沒有值後在對象上創建屬性;屬性的名稱是相同的變量名，屬性的值將是變量的值：

let one = 1; 
 
let obj = {one}; 
 
console.log(obj.one); // 1

所以在這條線：

export const addTodo = text => ({ type: types.ADD_TODO, text }) 

它不是密鑰（屬性名稱）不存在，而是值不存在（明確）爲text屬性。它就像它是這樣寫的：

export const addTodo = text => ({ type: types.ADD_TODO, text: text }) 
// ---------------------------------------------------------^^^^^^ 

這只是速記。但它多麼有用，這是驚人的。

Answer 2

ES6引入了shorthand for objects。在早期的實現，我們就需要做這樣的事情：

var id = "foo"; 

var obj = { 
    id: id 
} 

但隨着ES6我們可以簡單地這樣做：

var id = "foo"; 

var obj = { id };