1. 程式人生 > >es6 javascript的Proxy 方法

es6 javascript的Proxy 方法

get()方法用於攔截某個屬性的讀取操作,如果沒有該屬性的時候會報一個undefined的,如果結果get處理會返回對應的錯誤資訊

var person = {
    name: " 張三 "
};
var proxy = new Proxy(person, {
    get: function(target, property) {
        if(property in target) {
            return target[property];
        } else {
            throw new ReferenceError("Property \"" + property + "\" does not exist.");
        }
    }
});
proxy.name 
// " 張三 " proxy.age // 丟擲一個錯誤set() 方法用來攔截某個屬性的賦值操作。

 

假定Person物件有一個age屬性, 該屬性應該是一個不大於 200 的整數, 那麼可以使用Proxy保證age的屬性值符合要求

let validator = {
    set: function(obj, prop, value) {
        if(prop === 'age') {
            if(!Number.isInteger(value)) {
                throw new TypeError('The age is not an integer');
            }
            
if(value > 200) { throw new RangeError('The age seems invalid'); } } // 對於 age 以外的屬性,直接儲存 obj[prop] = value; } }; let person = new Proxy({}, validator); person.age = 100; person.age // 100 person.age = 'young' // 報錯 person.age = 300 // 報錯