"use strict"; // We use strict declaration to allow ecmascript6 features var a = "12"; var b = 12; var c = 155; var z = "Something cool ?"; var myKey = "key value"; var myObject = {a,b,myKey,c,z}; document.getElementById("value").innerHTML = JSON.stringify(myObject); // Computed property names (ES6) var prop = "myproperty"; var computed = { [prop]: "hey", ["b" + "bq"]: "With cocacola please", }; document.getElementById("computed").innerHTML = JSON.stringify(computed); // Shorthand functions var generator = { other:"property", generator (){ // With the new ES6 return "Other " + this.other; }, es5:function(){ // We declare it so with ES5 return "Other " + this.other; } }; console.log(computed); console.log(generator); console.log(myObject);
<span>The object content is : </span><span id="value"></span><br> <span>The computed object content is : </span><span id="computed"></span>