ES6物件的簡寫形式

2021-09-28 19:30:44 字數 782 閱讀 8459

01:在新的語法中,如果物件的屬性值和屬性如果發生重名的話,我們只寫乙個屬性名即可,他會根據相同的屬性名來獲取相應的屬性值;

var username =

'張三'

;var age =18;

let obj =

console.

log(obj.username)

;

輸出為張三;

我們之前的寫法為:

var username =

'張三'

;var age =18;

var obj =

console.

log(obj.age)

;

輸出為:18,這種簡寫的方式我們以後可以在請求資料和儲存資料或者提交請求資料的時候可以用的;

物件的屬性名就等同於使用的變數名;這種簡寫方式只有當屬性名,變數名一致的時候才能夠使用;

02: 物件方法的簡寫;

在我們的物件裡面巢狀方法;一般都是要宣告function;但是在新的語法裡,function就可以省略掉;

es6之前:

var obj =

} obj.

eat(

);

在es6的語法中我們就可以把function給省略掉;

let obj =

} obj.

eat(

);

輸出的結果都是一樣的:我叫jack我在吃東西;

重走es6之es6物件

看到這裡突然就想到,你有物件嗎?我沒有 哭的超大聲 es6中規定可以直接在物件中寫入變數和函式作為物件的屬性和方法,此時屬性名為變數名,屬性值為變數的值。物件的簡寫在專案中使用頻率極其高。let name zhangsan let age 18let obj console.log obj 結果為 ...

ES6 物件擴充套件

es6 允許直接寫入變數和函式,作為物件的屬性和方法 var key1 1 var bj var bz 方法的簡寫 var ob fn2 表示式還可以用於定義方法名。var lastword last word var a a first word hello a lastword world a ...

ES6物件擴充套件

es6允許直接寫入變數和函式,作為屬性名和方法 var a b var c c 如果屬性值與屬性名一樣,我們值寫屬性名就可以 方法簡寫 add add function 定義物件屬性有兩種方法 obj.name lijixuan 2obj name lijixuan 我們原本只能用識別符號定義屬性,...