Building a TypeScript function using a dictionary with function names and argument types

Question

Building a TypeScript function using a dictionary with function names and argument types

In possession of a dictionary

{
   "function_name":"myFunc",
   "arguments":["a1","a2"]
}

A desire to create a function where the name matches that in the dictionary above (i.e myFunc ) with respective arguments (i.e ["a1","a2"]).

The ultimate goal is to generate:

myFunc(a1,a2){

}

Actual Scenario: Intention to integrate this function into a class instance and utilize it

and expanding on this idea.

If the function is async, then it should be awaitable.

Illustration:

When a smart contract calls a function, the usual method involves (Using the greeter smart contract as reference )

contract.functions.greet().then(k => console.log(k))

The type of the contract function is:

 readonly functions: { [ name: string ]: ContractFunction };
 export type ContractFunction<T = any> = (...args: Array<any>) => Promise<T>;

using ethers library.

The objective is to dynamically generate the greet function using the contract ABI :

[
    {
      "inputs": [
        {
          "internalType": "string",
          "name": "_greeting",
          "type": "string"
        },
      ],
      "stateMutability": "nonpayable",
      "type": "constructor"
    },
    {
      "inputs": [],
      "name": "greet",
      "outputs": [
        {
          "internalType": "string",
          "name": "",
          "type": "string"
        }
      ],
      "stateMutability": "view",
      "type": "function"
    },
    {
      "inputs": [
        {
          "internalType": "string",
          "name": "_greeting",
          "type": "string"
        }
      ],
      "name": "setGreeting",
      "outputs": [],
      "stateMutability": "nonpayable",
      "type": "function"
    }
  ]

Parsing the JSON data to extract the function name and arguments was successful. As a final step, the aim is to bind this generated function to the contract and execute it.

javascript angular typescript function

Answer 1

Answer №1

It seems like you're attempting to achieve something similar to the code snippet below:

class SomeClass {
  obj = {
    functionName: "add",
    args: [10, 20],
  };

  add(a, b) {
    return a + b;
  }

  invokeFunc() {
    const { functionName, args } = this.obj;
    return this[functionName](...args);
  }
}

const instance = new SomeClass();
console.log(instance.invokeFunc());

As the function to be called is accessible through the this object, you can call it and spread (...) all the arguments.

Regarding async functions, it's not explicitly indicated within the object. You could introduce a type field in the object and conditionally use await for asynchronous functions.

Answer 2

It seems like you're attempting to achieve something similar to the code snippet below:

class SomeClass {
  obj = {
    functionName: "add",
    args: [10, 20],
  };

  add(a, b) {
    return a + b;
  }

  invokeFunc() {
    const { functionName, args } = this.obj;
    return this[functionName](...args);
  }
}

const instance = new SomeClass();
console.log(instance.invokeFunc());

As the function to be called is accessible through the this object, you can call it and spread (...) all the arguments.

Regarding async functions, it's not explicitly indicated within the object. You could introduce a type field in the object and conditionally use await for asynchronous functions.

Answer 3

Answer №2

Check out this demo to see how it works.

For more information, visit this link which could provide some valuable insights

let dynamicFunctions = [{
  "isAsync":false,
  "function_name": "myFunction",
  "arguments": ["arg1", "arg2"],
  content: "return arg1*arg2"
},
{
  "isAsync":true,
  "function_name": "asyncMyFunction",
  "arguments": ["arg1", "arg2"],
  content: "return arg1+arg2"
}]

class Functions {
constructor(func){
const AsyncFunction = Object.getPrototypeOf(async function(){}).constructor;
  func.forEach(element=> {
    let customFunc = null;
    if (element.isAsync)
     customFunc = new AsyncFunction(...element.arguments, element.content);
    else customFunc = new Function(...element.arguments, element.content);
    
    this[element.function_name] = customFunc;
  });

}

}

var myClass = new Functions(dynamicFunctions);
myClass.asyncMyFunction(1,2).then(result=> console.log("Result from async function:", result))
console.log("Result from sync function:", myClass.myFunction(1,2));

Answer 4

Check out this demo to see how it works.

For more information, visit this link which could provide some valuable insights

let dynamicFunctions = [{
  "isAsync":false,
  "function_name": "myFunction",
  "arguments": ["arg1", "arg2"],
  content: "return arg1*arg2"
},
{
  "isAsync":true,
  "function_name": "asyncMyFunction",
  "arguments": ["arg1", "arg2"],
  content: "return arg1+arg2"
}]

class Functions {
constructor(func){
const AsyncFunction = Object.getPrototypeOf(async function(){}).constructor;
  func.forEach(element=> {
    let customFunc = null;
    if (element.isAsync)
     customFunc = new AsyncFunction(...element.arguments, element.content);
    else customFunc = new Function(...element.arguments, element.content);
    
    this[element.function_name] = customFunc;
  });

}

}

var myClass = new Functions(dynamicFunctions);
myClass.asyncMyFunction(1,2).then(result=> console.log("Result from async function:", result))
console.log("Result from sync function:", myClass.myFunction(1,2));

Building a TypeScript function using a dictionary with function names and argument types

Answer №1

Answer №2

Similar questions

Encountering difficulty selecting a dropdown sub-menu using Selenium WebDriver

Simple steps for calling a lit component in React using the ScopedElementsMixin:1. Import

Unable to open file after downloading via AJAX

I seem to be facing a challenge with retrieving results in my app when using mongoose - what could be causing this issue

Tips for transferring data from a file located outside an Angular library to files within the Angular library

Is it better to set Angular2 @Inputs as public, or should we opt for a stricter API by keeping them private?

Optimizing Static File Caching in Yii

Guide on developing a JavaScript script for implementing across numerous Bootstrap modals within a single webpage

Exporting numerous modules from an NPM package

Ensure that the line above is shorter in length compared to the following line

Angular 2 dropdown list that allows users to add a personalized value in the HTML code

Issue with retrieving all phone numbers from a contact in Ionic

Invoke a function from a different vue.js component using the this.$refs property

Testing a service resolution in a controller through unit testing

Is there a proper method for populating an HTML text with values from a form?

The Chrome developer console is alerting that the Typescript file needs to be updated and is currently

What is the reason for not hashing the password in this system?

Working with Three.js: Utilizing the SpotLight and dat.gui

Developing a nested data table using Angular and mongoose framework

Get the HTML file converted to a DOCX format that is compatible with Mac Pages