The essence of the argument becomes muddled when implementing bind apply with arrays as arguments

Question

The essence of the argument becomes muddled when implementing bind apply with arrays as arguments

I referenced this particular solution to create a new instance of a class by passing array arguments using the code snippet below:

new ( Cls.bind.apply( Cls, arguments ) )();

However, I encountered an issue where one of my arguments is an array and the values are not preserved during construction.

You can see an example illustrating this problem in this CodePen demo

In the demo, I pass an array named properties as the third argument:

var properties = [
    { name: "first", value: "1" },
    { name: "second", value: "2" },
    { name: "third", value: "3" }
];

Yet, in the output, the properties are shown as undefined.

It seems like there is an error occurring somewhere in the process, but what exactly is going wrong and why?

javascript arrays arguments bind apply

Answer 1

Answer №1

Your code is on the right track, but make sure to include an extra argument in your factory() function call:

factory(undefined, name, description, properties)

This tip can be found in the response you provided from Stack Overflow:

The 'anything' parameter may not seem necessary, as the new keyword resets f's context. However, it must be included for syntax purposes. In regards to the bind call: It's important to pass a variable number of arguments, which is achieved with this line: var f = Cls.bind.apply(Cls, [anything, arg1, arg2, ...]); result = new f();

Answer 2

Your code is on the right track, but make sure to include an extra argument in your factory() function call:

factory(undefined, name, description, properties)

This tip can be found in the response you provided from Stack Overflow:

The 'anything' parameter may not seem necessary, as the new keyword resets f's context. However, it must be included for syntax purposes. In regards to the bind call: It's important to pass a variable number of arguments, which is achieved with this line: var f = Cls.bind.apply(Cls, [anything, arg1, arg2, ...]); result = new f();

The essence of the argument becomes muddled when implementing bind apply with arrays as arguments

Answer №1

Similar questions

Determine the SVG arc connecting two given points

Guide on incorporating a URL link into an <a class=> tag

Using JavaScript, is there a way to modify a JSON parameter within an API?

What is the proper way to retrieve an array in the render method using React?

Solving synchronization issues when updating and selecting MySql data in a Node.js environment with concurrent multiple requests

I seem to be having trouble locating the correct file location

JavaScript post method is failing to work, while it successfully runs in POSTMAN

What methods can be used to transmit binary information from a Node.js socket.io server to a web browser?

At times, the Angular Modal Dropdown may unexpectedly open in an upward direction

<dt> and <dd> have not been added after the previous element

Is there a way to display the output of jQuery in an input box rather than a span?

function called with an undefined response from ajax request in React

The email sending feature of the ajax jquery form has unexpectedly ceased functioning

Exploring mongoDB with the "find" query

Using jQuery each with an asynchronous ajax call may lead to the code executing before the ajax call is completed

The PHP function http_build_query() might produce an inaccurate URL when used with an array as a

Vertical stability bar

Finding the total value of elements within a vector by utilizing intervals

Error encountered: Unspecified "from" address in the provided or default options

Steer clear from using the implicit 'any' type while utilizing Object.keys in Typescript