Javascript: Dynamically add functions to object -


i have generalwrapper object calls statically-defined functions in library1 , library2 objects.

the aim calling generalwrapper.somefunc(), call library1.somefunc() , library2.somefunc() without me having explicitly create function in generalwrapper called somefunc.

i attempt implement in __preamble method below:

var generalwrapper = {      __modespopulated: false,      __validmodes: {     // 3 of these         spoonfunc: 1,   //  functions exist         knifefunc: 1,   //  in library1 ,          forkfunc: 1    //  library2     },      __switchmode: function(funcname){          if (funcname in generalwrapper.__validmodes){             console.log("calling function", funcname)              generalwrapper.__preamble()              library1[ funcname ](); // call mode in library1             library2[ funcname ](); // call mode in library2         }     },      /* attach valid modes general wrapper @ runtime */     __preamble: function(){         if (!generalwrapper.__modespopulated)         {             (var mode in generalwrapper.__validmodes)             {                 generalwrapper[mode] = function(){                     generalwrapper.__switchmode(mode)                 };             }              generalwrapper.__modespopulated = true         }          generalwrapper.__otherprestuff();     },       __otherprestuff: function(){         // stuff     },      functhatalwaysgetscalled: function(){         generalwrapper.__switchmode("forkfunc");     }     }  var library1 = {       forkfunc(){console.log("lib1","fork")},     spoonfunc(){console.log("lib1","spoon")},     knifefunc(){console.log("lib1","knife")} }  var library2 = {       forkfunc(){console.log("lib2","fork")},     spoonfunc(){console.log("lib2","spoon")},     knifefunc(){console.log("lib2","knife")} }  // okay, let's initialise object generalwrapper.functhatalwaysgetscalled();

for reason calls generalwrapper.spoonfunc() , generalwrapper.knifefunc() defer fork output.

i imagine problem stems anonymous function assignment on generalwrapper[mode] = blah line js treats same function each time, don't know how around this.

please advise.

solution:

change line:

for (var mode in generalwrapper.__validmodes)

into this:

for (let mode in generalwrapper.__validmodes)

explanation:

what happens in code (when binding functions in __preamble's loop) create anonymous function, totally fine. problem is, anon function has received mode reference local variable, it's value not automatically cloned rather accessed @ runtime. main problem you've used var keyword, means "hoisted variable" (it gets declared @ top of function defined inside, if it's somewhere in middle of function's code). in scenario, need "block-scoped" variable, bound each loop iteration separately.

you can read more variables hostings on mdn:
var @ mdn
let @ mdn

one thing have know - let introduced in es2015, if worry backward compatibility older browsers, either have use function.prototype.bind or iife


-

Comments

Post a Comment

Popular posts from this blog

many to many - Django Rest Framework ManyToMany filter multiple values -

i have 2 models, 1 defining users, other defining labels on these users. using django rest framework create api. able query users @ least labels ids 1 , 2. for instance users' labels are: [(1,2), (1,2,3), (2,3), (1,3)] want query return [(1,2), (1,2,3)] . so far, i've managed query users given label (let's id=1) doing: /api/users/?labels=1 , unable query users labels 1 , 2. i've tried /api/users/?labels=1,2 or /api/users/?labels=1&labels=2 return invalid users, i.e. users without labels 1 or 2... any welcome. thanks, dimitry github test repo: https://github.com/thedimlebowski/drf-m2m-filter code: models.py class label(models.model): name = models.charfield(max_length = 60) class user(models.model): labels = models.manytomanyfield(label) filters.py class userfilter(django_filters.filterset): labels = django_filters.filters.baseinfilter( name='labels', lookup_type='in', ) class meta:...
Read more

java - Jasper subreport showing only one entry from the JSON data source when embedded in the Title band -

Image
i having issues populating data in subreport in title band of main report. data populated correctly in subreport in detail band of main report. trying find wrong in json query. appreciated. json sample data source (expenses.json) { "expenses": { "date": "8 sep 2016", "accounts": [ { "title": "xyz corp (111)", "accountname": "xyz corp", "accountnumber": "111", "transactions": [ { "date": "21 jun 2016", "name": "gas", "price": "17.50" }, { "date": "12 may 2016", "name": "shopping", "price": "111.99" }, { "date": "30 apr 2016", "name...
Read more

Java Entity Manager - JSON reader was expecting a value but found 'db' -

i have code working: entitymanager entitymanager = getentitymanager(); entitymanager.gettransaction().begin(); string query = "db.band.find({})"; list<band> list = (list<band>) entitymanager.createnativequery(query, band.class).getresultlist(); entitymanager.close(); return list; it returns list no problem. want sort list date : entitymanager entitymanager = getentitymanager(); entitymanager.gettransaction().begin(); string query = "db.band.find({something__id:objectid(\"" + myid + "\")}).sort({\"somethingelse.date\":-1})"; list<band> list = (list<band>) entitymanager.createnativequery(query, band.class).getresultlist(); entitymanager.close(); return list; my console gives me message: org.bson.json.jsonparseexception: json reader expecting value found 'db' i checked string working in mongo console , did. ideas? edit: tried putting "something__id" between quotes because would...
Read more