ES6简写

逃离我推掉我的手 2022-05-31 04:00 197阅读 0赞

1、

var foo = 'bar'; 
    var baz = {foo}; 
    baz // {foo: "bar"} 
    
    // 等同于 
    var baz = {foo: foo};

2、

function f(x, y) {  
      return {x, y}; 
    } 
    
    // 等同于 
    
    function f(x, y) {  
      return {x: x, y: y}; 
    } 
    
    f(1, 2) // Object {x: 1, y: 2}

3、

var o = { 
      method() { 
        return "Hello!"; 
      } 
    }; 
    
    // 等同于 
    
    var o = { 
      method: function() {  
        return "Hello!"; 
      } 
    };

4、

function getPoint() {  
      var x = 1; 
      var y = 10; 
      return {x, y}; 
    } 
    
    getPoint() 
    // {x:1, y:10}

5、

6、

var obj = { 
      class () { } 
    }; 
    
    // 等同于 
    
    var obj = { 
      'class': function() { } 
    };

7、

let propKey = 'foo'; 
    
    let obj = { 
      [propKey]: true, 
      ['a' + 'bc']: 123 
    };

8、

var lastWord = 'last word'; 
    
    var a = { 
      'first word': 'hello', 
      [lastWord]: 'world' 
    }; 
    
    a['first word'] // "hello" 
    a[lastWord] // "world" 
    a['last word'] // "world"

9、

let obj = { 
      ['h'+'ello']() { 
        return 'hi'; 
      } 
    }; 
    
    obj.hello() // hi

10、

var foo = 'bar'; 
    var baz = { [foo]: 'abc'};

11、函数的name属性  
函数的name属性，返回函数名。对象方法也是函数，因此也有name属性。