Xác định getter trên đối tượng vì vậy tất cả không xác định tra cứu bất động sản trở lại ""

Question

Về cơ bản tôi cần để có thể làm điều này:

var obj = {"foo":"bar"}, 
    arr = []; 
with(obj){ 
    arr.push(foo); 
    arr.push(notDefinedOnObj); // fails with 'ReferenceError: notDefinedOnObj is not defined' 
} 
console.log(arr); // ["bar", ""] <- this is what it should be. 

Tôi đang tìm kiếm một "" tương đương toàn cầu của {}.__defineGetter__ hoặc {get} để trở lại một chuỗi rỗng cho tất cả các getters thuộc tính không xác định (lưu ý rằng điều này khác với một thuộc tính là undefined).

Answer 1

Bạn có thể tạo một Proxy để trả lại một chuỗi rỗng bất cứ khi nào tính không xác định được truy cập.

app.js:

var obj = {"foo":"bar"}, 
    arr = [], 
    p = Proxy.create({ 
     get: function(proxy, name) { 
      return obj[name] === undefined ? '' : obj[name]; 
     } 
    }); 
arr.push(p.foo); 
arr.push(p.notDefinedOnObj); 

console.log(arr); 

Như câu hỏi tác giả David Murdoch lưu ý, nếu bạn đang sử dụng nút v0.6.18 (phiên bản ổn định mới nhất vào thời điểm bài này được viết), bạn phải vượt qua các tùy chọn --harmony_proxies khi bạn chạy kịch bản:

$ node --harmony_proxies app.js 
[ 'bar', '' ] 

Lưu ý rằng giải pháp này sẽ không công việc nếu bạn sử dụng with, như trong:

var obj = {"foo":"bar"}, 
    arr = [], 
    p = Proxy.create({ 
     get: function(proxy, name) { 
      return obj[name] === undefined ? '' : obj[name]; 
     } 
    }); 
with (p) { 
    arr.push(foo); // ReferenceError: foo is not defined 
    arr.push(notDefinedOnObj); 
} 

console.log(arr); 

with dường như không gọi phương thức get của proxy khi thêm proxy vào chuỗi phạm vi.

Lưu ý: trình xử lý proxy được chuyển đến Proxy.create() trong ví dụ này là không đầy đủ. Xem Proxy: Common mistakes and misunderstanding để biết thêm chi tiết.

Answer 2

Không có trình xử lý thành viên bị thiếu toàn cầu trong javascript. Bạn sẽ cần phải giới thiệu một chức năng để trừu tượng ra hành vi

function getOrEmpty(obj, name) { 
    if (!obj.hasOwnProperty(name)) { 
    return ""; 
    } 
    return obj[name]; 
} 

var obj = {"foo":"bar"}, 
    arr = []; 
arr.push(getOrEmpty(obj, "foo")); 
arr.push(getOrEmpty(obj, "someUndefinedProperty")); 
console.log(arr); 

Answer 3

Với ES6 trở lên, bạn có thể sử dụng Proxy, như câu trả lời được chấp nhận được đề xuất. Nhưng đây là một câu trả lời nếu bạn đang mắc kẹt với ES5.

Với ES5 bạn sẽ phải tạo lớp của riêng bạn, như trong ví dụ này nhanh chóng

function StrictObject() { 
    var values = Object.create(null); 
    this.set = function (key, value) { 
    values[key] = value; 
    }; 
    this.get = function (key) { 
    if (!(key in values)) { 
     throw new Error("Could not find " + key); 
    } 
    return values[key]; 
    }; 
} 
var obj = new StrictObject(); 

obj.set('dad', 'homer'); 
console.log(obj.get('dad')); // homer 
console.log(obj.get('uncle')); // throws error