對象字面量的增強寫法是ES6相對於之前版本的ECMAScript新加入的寫法,可以使開發過程中的對象的操作變得更加簡單
一、對象的屬性增強
在ES5中對象是這樣寫的:
<script>
var obj={
name:'curry',
age:18,
height:1.98,
}
</script>
而ES5在對象之前定義了屬性值的時候需要這樣寫:
<script>
var name='curry';
var age=18;
var height=1.98;
var obj={
name:name,
age:age,
height:height
}
</script>
ES6在對象之前定義了屬性值的時候只需要這樣寫:
<script>
var name='curry';
var age=18;
var height=1.98;
var obj={
name,
age,
height
}
</script>
ES6會取對應的屬性名和屬性值一塊放到對象裏邊,不用再賦值。
二、對象內函數的增強
ES5是這樣寫的:
<script>
var obj={
eat:function(){
console.log('吃東西');
}
}
obj.eat();
</script>
而在ES6中可以直接這樣寫:
<script>
var obj={
eat(){
console.log('吃東西');
}
}
obj.eat();
</script>
直接函數名(){}就可以了 不用再寫function來標識這是一個函數。
ES6在許多地方都對開發人員更加友好,也是前端開發必備的知識庫存。