handler.defineProperty()
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016.
The handler.defineProperty()
method is a trap for the [[DefineOwnProperty]]
object internal method, which is used by operations such as Object.defineProperty()
.
Try it
Syntax
new Proxy(target, {
defineProperty(target, property, descriptor) {
}
})
Parameters
The following parameters are passed to the defineProperty()
method. this
is bound to the handler.
target
-
The target object.
property
-
A string or
Symbol
representing the property name. descriptor
-
The descriptor for the property being defined or modified.
Return value
The defineProperty()
method must return a Boolean
indicating whether or not the property has been successfully defined. Other values are coerced to booleans.
Many operations, including Object.defineProperty()
and Object.defineProperties()
, throw a TypeError
if the [[DefineOwnProperty]]
internal method returns false
.
Description
Interceptions
This trap can intercept these operations:
Or any other operation that invokes the [[DefineOwnProperty]]
internal method.
Invariants
The proxy's [[DefineOwnProperty]]
internal method throws a TypeError
if the handler definition violates one of the following invariants:
- A property cannot be added, if the target object is not extensible. That is, if
Reflect.isExtensible()
returnsfalse
ontarget
, andReflect.getOwnPropertyDescriptor()
returnsundefined
for the property ontarget
, then the trap must return a falsy value. - A property cannot be non-configurable, unless there exists a corresponding non-configurable own property of the target object. That is, if
Reflect.getOwnPropertyDescriptor()
returnsundefined
orconfigurable: true
for the property ontarget
, anddescriptor.configurable
isfalse
, then the trap must return a falsy value. - A non-configurable property cannot be non-writable, unless there exists a corresponding non-configurable, non-writable own property of the target object. That is, if
Reflect.getOwnPropertyDescriptor()
returnsconfigurable: false, writable: true
for the property ontarget
, anddescriptor.writable
isfalse
, then the trap must return a falsy value. - If a property has a corresponding property on the target object, then the target object property's descriptor must be compatible with
descriptor
. That is, pretendingtarget
is an ordinary object, andObject.defineProperty(target, property, descriptor)
would throw an error, then the trap must return a falsy value. TheObject.defineProperty()
reference contains more information, but to summarize, when the target property is non-configurable, the following must hold:configurable
,enumerable
,get
, andset
cannot be changed- the property cannot be switched between data and accessor
- the
writable
attribute can only be changed fromtrue
tofalse
- the
value
attribute can only be changed ifwritable
istrue
Examples
Trapping of defineProperty
The following code traps Object.defineProperty()
.
const p = new Proxy(
{},
{
defineProperty(target, prop, descriptor) {
console.log(`called: ${prop}`);
return true;
},
},
);
const desc = { configurable: true, enumerable: true, value: 10 };
Object.defineProperty(p, "a", desc); // "called: a"
When calling Object.defineProperty()
or
Reflect.defineProperty()
, the descriptor
passed to
defineProperty()
trap has one restriction—only following properties are
usable (non-standard properties will be ignored):
enumerable
configurable
writable
value
get
set
const p = new Proxy(
{},
{
defineProperty(target, prop, descriptor) {
console.log(descriptor);
return Reflect.defineProperty(target, prop, descriptor);
},
},
);
Object.defineProperty(p, "name", {
value: "proxy",
type: "custom",
}); // { value: 'proxy' }
Specifications
Specification |
---|
ECMAScript Language Specification # sec-proxy-object-internal-methods-and-internal-slots-defineownproperty-p-desc |
Browser compatibility
BCD tables only load in the browser