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 4 ways I can help you:

  1. If you want a one-stop shop to help you quickly level up your serverless skills, you should check out my Production-Ready Serverless workshop. Over 20 AWS Heroes & Community Builders have passed through this workshop, plus 1000+ students from the likes of AWS, LEGO, Booking, HBO and Siemens.
  2. If you want to learn how to test serverless applications without all the pain and hassle, you should check out my latest course, Testing Serverless Architectures.
  3. If you’re a manager or founder and want to help your team move faster and build better software, then check out my consulting services.
  4. If you just want to hang out, talk serverless, or ask for help, then you should join my FREE Community.

 


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 *