handler.construct()

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.construct() method is a trap for the [[Construct]] object internal method, which is used by operations such as the new operator. In order for the new operation to be valid on the resulting Proxy object, the target used to initialize the proxy must itself be a valid constructor.

Try it

Syntax

js
new Proxy(target, {
  construct(target, argumentsList, newTarget) {
  }
})

Parameters

The following parameters are passed to the construct() method. this is bound to the handler.

target

The target constructor object.

argumentsList

An Array containing the arguments passed to the constructor.

newTarget

The constructor that was originally called.

Return value

The construct() method must return an object, representing the newly created object.

Description

Interceptions

This trap can intercept these operations:

Or any other operation that invokes the [[Construct]] internal method.

Invariants

The proxy's [[Construct]] internal method throws a TypeError if the handler definition violates one of the following invariants:

  • The target must be a constructor itself.
  • The result must be an Object.

Examples

Trapping the new operator

The following code traps the new operator.

js
const p = new Proxy(function () {}, {
  construct(target, argumentsList, newTarget) {
    console.log(`called: ${argumentsList}`);
    return { value: argumentsList[0] * 10 };
  },
});

console.log(new p(1).value); // "called: 1"
// 10

The following code violates the invariant.

js
const p = new Proxy(function () {}, {
  construct(target, argumentsList, newTarget) {
    return 1;
  },
});

new p(); // TypeError is thrown

The following code improperly initializes the proxy. The target in Proxy initialization must itself be a valid constructor for the new operator.

js
const p = new Proxy(
  {},
  {
    construct(target, argumentsList, newTarget) {
      return {};
    },
  },
);

new p(); // TypeError is thrown, "p" is not a constructor

Specifications

Specification
ECMAScript Language Specification
# sec-proxy-object-internal-methods-and-internal-slots-construct-argumentslist-newtarget

Browser compatibility

Report problems with this compatibility data on GitHub
desktopmobileserver
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
Deno
Node.js
construct

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

See also