handlet.set在ES6代理返回值

Question

在這段代碼

function report(message) { 
    console.log(message); 
} 
function makeLoggable(target) { 
    return new Proxy(target, { 
    get(target, property) { 
     report(`Reading ${property}`); 
     const param = target; 
     return param[property]; 
    }, 
    set(target, property, value) { 
     report(`Writing value ${value} to ${property}`); 
     const param = target; 
     return param[property] = value; 
    }, 
    }); 
} 
let ninja = { name: 'Jack' }; 
ninja = makeLoggable(ninja); 
console.assert(ninja.name === 'Jack', 'Our ninja Jack'); 
ninja.status = ''; 

我有兩個問題：

1）爲什麼如果我設置的最後一行的財產狀況值在0或「 「（空字符串）我得到一個錯誤

Uncaught TypeError: 'set' on proxy: trap returned falsish for property 'status'(…)

2）在說明書中說我應該返回一個布爾值。但在我的情況下，在set（）方法中，我不返回任何布爾值。在那種情況下爲什麼這個代碼有效？

Answer 1

您正在收到TypeError，因爲""是虛假的。如果您嘗試將屬性值設置爲0或false，則會收到相同的錯誤。

由於MDN states

In strict mode, a false return value from the set handler will throw a TypeError exception.

MDN是有些不清楚這裏，因爲它出現任何falsy值（不只是false）將導致一系列處理程序拋出一個TypeError。

您的代碼適用於大多數情況，因爲您正在返回賦值結果。 ninja.test = 'string'將返回string這是truthy。

爲了解決這個問題，簡單地改變你的設置功能於以下內容：

set(target, property, value) { 
    report(`Writing value ${value} to ${property}`); 
    const param = target; 
    param[property] = value; 
    return true; 
}