GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • JS Tutorial
  • Web Tutorial
  • A to Z Guide
  • Projects
  • OOP
  • DOM
  • Set
  • Map
  • Math
  • Number
  • Boolean
  • Exercise
  • Introduction3 min read
  • Variables5 min read

This view

  • Original page
  • New address

GeezerVison is showing www.geeksforgeeks.org — JavaScript Handler construct() Method - GeeksforGeeks

geeksforgeeks
search icon
  • Courses
  • Tutorials
  • Interview Prep
  • JS Tutorial
  • Web Tutorial
  • A to Z Guide
  • Projects
  • OOP
  • DOM
  • Set
  • Map
  • Math
  • Number
  • Boolean
  • Exercise

JavaScript Handler construct() Method

Last Updated : 12 Jul, 2025

JavaScript handler.construct() method in JavaScript is a trap for the new operation and this method returns an object.

Syntax: 

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

Parameters: This method accepts three parameters as mentioned above and described below: 

  • Target: This parameter holds the target object.
  • argumentsList: This parameter holds the list of the constructor.
  • newTarget: This parameter holds the constructor that was originally called, p above.

Return value: This method returns an object.

Below examples illustrate the handler.construct() method in JavaScript:

Example 1: In this example, we will set a trap for an operation and return a new object using the handler.construct() method in JavaScript.

javascript
function monster1(disposition) {
    this.disposition = disposition;
}

const handler1 = {
    construct(target, args) {
        console.log('Users at Geeksforgeeks are called');

        return new target(...args);
    }
};

const proxy1 = new Proxy(monster1, handler1);
console.log(new proxy1('Geeks').disposition);

let pro = new Proxy(function () { }, {
    construct: function (objTarget, args, oldConstructor) {
        return { Value: args[0] + " to anybody" }
    }
})

console.log(JSON.stringify(new pro("Hello "), null, ' '))  

Output:

"Users at Geeksforgeeks are called"
"Geeks"
"{
 "Value": "Hello  to anybody"
}"

Example 2: In this example, we will set a trap for an operation and return a new object using the handler.construct() method in JavaScript.

javascript
const p = new Proxy(function () { }, {
    construct: function (target, argumentsList, newTarget) {
        console.log('Value: ' + argumentsList.join(', '));
        return { value: argumentsList[0] * 10 / 3 };
    }
});

console.log('New Value: ' + new p(4).value);

Output: 

"Value: 4"
"New Value: 13.333333333333334"

Supported Browsers: The browsers supported by handler.construct() method are listed below: 

  • Google Chrome 49 and above
  • Firefox 18 and above
  • Opera 36 and above
  • Safari 10 and above
  • Edge 12 and above

We have a complete list of Javascript Proxy/handler methods, to check those go through the Javascript Proxy/handler Reference article.

Comment

Explore

    JavaScript Basics
    • Introduction3 min read
    • Variables5 min read
    • Operators4 min read
    • Control Statements4 min read
    Array & String
    • Arrays6 min read
    • Array Methods4 min read
    • String5 min read
    • String Methods8 min read
    Function & Object
    • Functions4 min read
    • Function Expression3 min read
    • Function Overloading4 min read
    • Objects4 min read
    • Constructors4 min read
    OOP
    • OOP5 min read
    • Classes & Objects4 min read
    • Access Modifiers5 min read
    • Constructor4 min read
    Asynchronous JavaScript
    • Asynchronous2 min read
    • Callbacks4 min read
    • Promises4 min read
    • Event Loop3 min read
    • Async Await Fuction3 min read
    Exception Handling
    • Error and Exceptional Handling5 min read
    • Errors Throw & Try to Catch2 min read
    • Custom Errors2 min read
    • TypeError Invalid Array.prototype.sort argument1 min read
    DOM
    • DOM8 min read
    • DOM Elements3 min read
    • Custom Events4 min read
    • Addeventlistener5 min read
    Advanced Topics
    • Closure3 min read
    • Hoisting5 min read
    • Scope4 min read
    • Higher Order Functions7 min read
    • Debugging3 min read
    Courses
    • Placement 360 Course2 min read
    • MERN Full Stack Course2 min read
    • DSA and System Design Course2 min read
You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.