JavaScript(ES6) |对象字面量增强

对象字面量量增强用于对全局范围内的变量进行分组，并将它们形成 javascript 对象。这是重组或重组的过程。

示例 1：

// variable declaration
var name = "Duke";
var color = "Brown";
var age = 5;
  
// Using Object Literal Enhancement
// Combines all variables into a dog object
var dog = {name, color, age};
console.log(dog);

输出：名称、颜色和年龄现在是狗对象的键。

{
    name:"Duke",
    color:"Brown",
    age:5
}

示例 2：我们还可以创建具有对象字面量量增强的对象方法。

// variable declaration
var name = "Tike";
var color = "Black";
var age = 7;
  
// function declaration
var bark = function(){
    console.log("Woof Woof!!");
}
  
// Using Object Literal Enhancement
// combines all variables into an anotherDog object
var anotherDog = {name, color, age, bark};
anotherDog.bark();

输出：

Woof Woof!!

示例 3：我们也可以使用“this”关键字来访问对象键。

    // Variable declaration
    var name = "Lilly";
    var color = "White";
    var age = 3;
  
    // function declaration 
    // using "this" keyword to access the object keys.
    var barkWithName = function(){
        console.log('Woof Woof!!, I am '
        +this.name+' and I am a '
        +this.age+' years old, '
        +this.color+ ' coloured dog.Woof Woof!!');
    }
  
    // Using Object Literal Enhancement
    // combines all variables into a yetAnotherDog object
    var yetAnotherDog = {name, color, age, barkWithName};
    yetAnotherDog.barkWithName();
                    

输出 ：

Woof Woof!!, I am lilly and I am a 3 years old,
white coloured dog.Woof Woof!!

示例 4：定义对象方法时，不再需要使用函数关键字。对象字面量量增强允许我们将全局变量拉入对象并通过使函数关键字不必要。

// Old syntax
var driver1 = {
    name: "John",
    speed: 50,
    car:"Ferrari",
    speedUp: function(speedup){
         this.speed = this.speed + speedup;
         console.log("new speed = "+ this.speed)
    }
}
  
// New syntax without function keyword
const driver2 = {
    name: "Jane",
    speed: 60,
    car:"McLaren",
    speedUp(speedup){
         this.speed = this.speed + speedup;
         console.log("new speed = "+ this.speed)
    }
}