Set Javascript Prototype Dynamically

Question

I am trying to set a prototype function dynamically using new Function(...). I have tried the following (es6):

export default class AI {

    constructor(algObj, player) {
        this.player = player;
        this.algObj = algObj;

        //create the shoot and placeShips prototypes form the this.algObj property
        this.prototype.initialize   = new Function(this.algObj.initialize);
        this.prototype.shoot        = new Function(this.algObj.shoot);
        this.prototype.placeShips   = new Function(this.algObj.placeShips);

        this.initialize();
    }
}

USE CASE: I have a micro service that stores algorithms as the resource which will then be passed into a simulator that battles 2 algorithms.

when I try this, this.prototype is undefined. The only reason I can think this might be the case is because the AI object is not fully defined until after the constructor is done executing.

How would I go about setting a prototype function like I am trying to do here?

UPDATE:

this.__proto__.initialize   = new Function(this.algObj.initialize);
this.__proto__.shoot        = new Function(this.algObj.shoot);
this.__proto__.placeShips   = new Function(this.algObj.placeShips);

There will by one AI instance per game and there will be multiple games per simulation. — frankgreco
– frankgreco, Commented Jun 12, 2016 at 17:19
You now have two questions: about prototype being undefined, and about assigned functions which are anonymous. Please don't mix these into one question: ask a separate one for each. — trincot
– trincot, Commented Jun 12, 2016 at 17:21
I will open another question for the anonymous function question — frankgreco
– frankgreco, Commented Jun 12, 2016 at 17:27

Schlaus · Accepted Answer · 2016-06-12 17:26:50Z

3

When the constructor is invoked you already have an instance of the object you're creating, and thus you can simply modify the instance's methods without touching the prototype:

export default class AI {

    constructor(algObj, player) {
        this.player = player;
        this.algObj = algObj;

        //create the shoot and placeShips prototypes form the this.algObj property
        this.initialize   = new Function(this.algObj.initialize);
        this.shoot        = new Function(this.algObj.shoot);
        this.placeShips   = new Function(this.algObj.placeShips);

        this.initialize();
    }
}

answered Jun 12, 2016 at 17:26

Schlaus

19.4k11 gold badges40 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

frankgreco Over a year ago

This works! So are the 3 functions then added to AI.prototype

Schlaus Over a year ago

@Frank No, they are added to the instance the constructor is, well, constructing. The prototype remains untouched.

Bergi Over a year ago

@jfriend00: Apparently algObj contains code strings, otherwise it wouldn't work. Why it does that, and whether that is a good idea, we better discuss elsewhere.

frankgreco Over a year ago

Yea I use new Function because I'm passing in a string.

Collectives™ on Stack Overflow

Set Javascript Prototype Dynamically

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related