handler.get 方法是獲取屬性值的陷阱。此方法需要 3 個參數。
用法
get:function(target, property, receiver)
參數
目標:目標對象。
屬性:要獲取的屬性的名稱。
Receiver:代理或從代理繼承的對象。
返回值
此方法可以返回任何值。
瀏覽器支持
Chrome | 49 |
Edge | 12 |
Firefox | 18 |
Opera | 36 |
例子1
var data = {
"a":11,"b":21 }
var get = new Proxy(
data , {
get:function(y, idx) {
return y[idx] * 2
document.writeln("<br/>");
}
}
)
for(var z in get) {
document.write(z +":")
document.write(get[z])
}
輸出:
a:22b:42
例子2
var x = { f:45, g:23 };
var proxy = new Proxy(x, {
get:function(target, name, proxy) {
document.write('In get');
var value = target[name];
if (typeof value === 'string') {
value = value.toUpperCase();
}
return value;
}
});
document.write (proxy.f);
document.write (x.g);
輸出:
In get4523
例子3
const r = {}
const p = new Proxy(r, {
get:function(target, property, receiver) {
document.write('called:' + property);
return 100;
}
});
document.write(p. a);
輸出:
called:a100
相關用法
- JavaScript handler.getPrototypeOf()用法及代碼示例
- JavaScript handler.getOwnPropertyDescriptor()用法及代碼示例
- JavaScript handler.has()用法及代碼示例
- JavaScript handler.isExtensible()用法及代碼示例
- JavaScript handler.deleteProperty()用法及代碼示例
- JavaScript handler.construct()用法及代碼示例
- JavaScript handler.apply()用法及代碼示例
- JavaScript handler.setPrototypeOf()用法及代碼示例
- JavaScript handler.ownKeys()用法及代碼示例
- JavaScript handler.defineProperty()用法及代碼示例
- JavaScript handler.preventExtensions()用法及代碼示例
- JavaScript Uint8Array.of()用法及代碼示例
- JavaScript BigInt.prototype.toString()用法及代碼示例
- JavaScript DataView.getInt16()用法及代碼示例
- JavaScript Symbol.keyFor()用法及代碼示例
- JavaScript JSON.stringify()用法及代碼示例
- JavaScript Symbol.split屬性用法及代碼示例
- JavaScript Function.displayName屬性用法及代碼示例
- JavaScript TypedArray reverse()用法及代碼示例
- JavaScript String slice()用法及代碼示例
注:本文由純淨天空篩選整理自 JavaScript handler.get() Method。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。