Không có dấu hai chấm sau tên thuộc tính trong khai báo đối tượng, nó có hợp lệ không?

Question

tôi bước vào biểu thức này trong Firefox và Chrome Dev Console và tôi tự hỏi tại sao nó có giá trị JavaScript:

var x = { a (b) {} }; 
console.log(x); 

x sau đó được thiết lập để một đối tượng với thuộc tính "a" có chứa một hàm gọi là "a" với một định danh đối số "b". Cú pháp JavaScript hợp lệ này như thế nào? Dấu hai chấm bị thiếu sau "a" và tôi không hiểu định nghĩa hàm.

Answer 1

Đây là đường cú pháp ES6/ES2015 (Property shorthand). Với ES6:

const obj = { 
    a(b) { 
     // Shorthand method 
     // `this` context is `obj` 
    }, 
    c 
}; 

bằng

var obj = { 
    a: function a(b) { 

    }, 
    c: c 
}; 

Answer 2

Trong JavaScript, khi bạn viết:

var x = { a (b) {} }; 

Nó sẽ xem xét nó như là:

var x = { 
    a: function (b) { 

    } 
    } 

Ví dụ , bạn có thể kiểm tra và nó sẽ rõ ràng nghi ngờ của bạn:

var x = { a (b) { console.info('function called') } }; 
x.a(); 

này sẽ gọi hàm mà được gán cho tài sản của đối tượng ax.