Javascript – Dynamically generating Accessor and Mutation methods

Yan Cui

I help clients go faster for less using serverless technologies.

This is a neat trick I picked up the other day, you can create a dynamic class which takes in a set of properties in the constructor and dynamically generates Accessor and/or Mutation methods (you just have to choose which lines to leave out):

function DynamicClass(properties) {
    // store class scope into a local variable
    var _this = this;

    for (var i in properties) {
        (function (i) {
            // create access method
            _this["get" + i] = function () {
                return properties[i];
            };

            // and mutation method, delete to make the class immutable
            _this["set" + i] = function (value) {
                properties[i] = value;
            }
        })(i);
    }
}

In your calling code, you can then create a new class like this, just define and provide the value for the properties you want to add to the class in the constructor call:

var obj = new DynamicClass({
    Name: "Dusty",
    Breed: "Highland Terrier",
    Age: 2
});

If you had added the mutation as well as the accessor methods, you’d be able to use them once the object has been created:

obj.setAge(3);
alert("Name: " + obj.getName() + ", Age: " + obj.getAge() + ", Breed:" + obj.getBreed());

Better still, if you’re using Visual Studio by any chance, intellisense will be able to pick up the dynamically generated get/set methods on your new dynamic class:

image


Whenever you’re ready, here are 3 ways I can help you:

  1. Production-Ready Serverless: Join 20+ AWS Heroes & Community Builders and 1000+ other students in levelling up your serverless game.
  2. Consulting: If you want to improve feature velocity, reduce costs, and make your systems more scalable, secure, and resilient, then let’s work together and make it happen.
  3. Join my FREE Community on Skool, where you can ask for help, share your success stories and hang out with me and other like-minded people without all the negativity from social media.

 

1 thought on “Javascript – Dynamically generating Accessor and Mutation methods”

  1. Interesting. But intellisense can’t handle more complex object like this
    {
    Name: “Dusty”,
    Breed: “Highland Terrier”,
    Age: 2,
    ComplexObject: {prop1 : 1,prop2 : “2”,prop3 : new Date()}
    }
    And it can’t detect types for dynamically generated accessors(obj[‘Name’].contructor == String).

Leave a Comment

Your email address will not be published. Required fields are marked *