Có sự khác biệt hiệu quả nào giữa toán tử get và defineProperty không?

Question

Có sự khác biệt thực sự giữa các nhà điều hành get:

var obj = { 
    get prop() { 
     //insert code here 
    } 
}; 

và sử dụng defineProperty:

var obj; 
Object.defineProperty(obj, "prop", { 
    get: function() { 
     //insert code here 
    } 
} 

Các trang MDN nói tương thích mà là như nhau.

Answer 1

Object.defineProperty sẽ mặc định enumerable: false và configurable: false, trong khi đối tượng cú pháp getter đen sẽ mặc định enumerable: true và configurable: true. Điều này có thể được xác minh với Object.getOwnPropertyDescriptor(obj, "prop").

Điều này có nghĩa rằng trong trường hợp cựu prop sẽ hiển thị trong for-in vòng và Object.keys(obj), và làm một delete obj.prop sẽ thất bại (ồn ào trong chế độ nghiêm ngặt, âm thầm khác). Điều ngược lại sẽ đúng với trường hợp sau.

Lưu ý rằng Object.defineProperty (hoặc Object.create hoặc Object.defineProperties) sẽ cho phép bạn chọn riêng cấu hình và tính khả dụng của thuộc tính của bạn, trong khi cú pháp getter của đối tượng sẽ không.