ES6基礎之 物件屬性名

2022-09-02 17:21:13 字數 731 閱讀 2975

有乙個叫food的空白物件,往這個物件裡面新增屬性可以用點的方式,比如:

let food={}

food.dessert='cake';

console.log(food) //

如果屬性的名字包含空格,繼續使用點的方式來新增屬性的話,輸出food的時候就會報語法錯誤

let food={}

food.dessert='cake';

food.hot drink = 'tea';

console.log(food) //uncaught syntaxerror:unexpected indentifier

有兩種解決辦法:

方法一:屬性名加引號作為字串,外加中括號;

let food={}

food.dessert='cake';

food['hot drink'] = 'tea';

console.log(food) //

這種方法可以新增帶空格的屬性的名字

方法二:屬性名用變數表示;

let food={}

let drink='hot drink';

food.dessert='cake';

food[drink] = 'tea';

console.log(food) //

es6基礎之物件的擴充套件

本文源自阮老師的es6入門教程,為了之後方便自己隨時檢視,將常用的es6部分整理了一下 傳送門解構賦值 物件的解構賦值用於從乙個物件取值,相當於將目標物件自身的所有可遍歷的 enumerable 但尚未被讀取的屬性,分配到指定的物件上面。所有的鍵和它們的值,都會拷貝到新物件上面 123 4let x...

ES6新語法計算屬性名

你可能也經歷過下面 片段中的這種情況,其中的乙個或多個屬性名來自於某個表示式,因此無法用物件字面量表達。var prefix user var o o prefix foo function o prefix bar function es6新增語法可以解決這個問題 var prefix user ...

ES6中物件簡寫屬性名的語法糖

首先讓我們看一段 let demo1 屬性操作的get方法 function get key 屬性操作的 set方法 function set key,value 將物件還原成乙個空物件的方法 function clear 根據commonjs規範,模組輸出 module.exports 在模組的末...