Passing function into another function (with parameters)

Question

I can't quite seem to figure this out.

I have a function where a parameter filter needs to be a function call that accepts an object built within this function:

function bindSlider(time, filter)
{

   var values = {
     min : 8,
     max : 9
   };

   filter(values);
}

I'm now unsure how to call bindSlider, I thought it'd be something like:

bindSlider(time, function(values) {/*do stuff here and accept values built in bind slider*/});

but this fails with the error:

ReferenceError: fliter is not defined

I know I could do:

function filter(values) {

}

bindSlider(time, filter);

but I want to declare filter differently for each call so a function() {} type pattern is what I'm after.

write var aa=filter(values); don't call method without reference — Just code
– Just code, Commented Dec 18, 2013 at 10:28

casraf · Accepted Answer · 2013-12-18 10:36:32Z

1

From what I've tested, it does work. Only problem I had was your object used = instead of :. Example:

function bindSlider(time, filter) {
   var values = {
       min: 8,
       max: 9
   };
   filter(values);
}

bindSlider(10, function(values) {
   var html;
   for (var i in values) {
       html = document.getElementById('test').innerHTML;
       document.getElementById('test').innerHTML = html + '<br />' + values[i];
   }
});

JSFiddle

answered Dec 18, 2013 at 10:36

casraf

21.8k10 gold badges60 silver badges93 bronze badges

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

1 Comment

Liam Over a year ago

the = instead of : was actually a cut and paste issue. Good to know I'm not barking up the wrong tree. Still having problem in production. Must be something I'm missing.

Andy · Accepted Answer · 2013-12-18 10:36:42Z

0

If you update your code so that the object is properly formatted, you might get rid of the error. Oh, and make sure you're correctly passing in time to the bindSlider function.

var values = {
  min: 8,
  max: 9
};

So:

function bindSlider(time, filter) {

 var values = {
   min: 8,
   max: 9
 };

 filter(values);

}

bindSlider(1000, function (values) {
  console.log(values); // { min: 8, max: 9 }
});

Fiddle.

answered Dec 18, 2013 at 10:36

Andy

63.6k13 gold badges72 silver badges99 bronze badges

Collectives™ on Stack Overflow

Passing function into another function (with parameters)

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related