es6对象表示法

ES6 允许直接写入变量和函数,作为对象的属性和方法。这样的书写更加简洁。

[javascript]  view plain  copy
  1. var foo = 'bar';  
  2. var baz = {foo};  
  3. baz // {foo: "bar"}  
  4. //  等同于  
  5. var baz = {foo: foo};  
上面代码表明, ES6 允许在对象之中,只写属性名,不写属性值。这时,属性值等于属性名所代表的变量。下面是另一个例子。

[javascript]  view plain  copy
  1. function f(x, y) {  
  2.     return {x, y};  
  3. }  
  4. //  等同于  
  5. function f(x, y) {  
  6.     return {x: x, y: y};  
  7. }  
  8. f(1, 2) // Object {x: 1, y: 2}  
除了属性简写,方法也可以简写。

[javascript]  view plain  copy
  1. var o = {  
  2.     method() {  
  3.         return "Hello!";  
  4.     }  
  5. };  
  6. //  等同于  
  7. var o = {  
  8.     method: function() {  
  9.         return "Hello!";  
  10.     }  
  11. };  

猜你喜欢

转载自blog.csdn.net/weixin_42369486/article/details/80623899