Binding a value into an exsiting function in JavaScript

Question

I am trying to pass an argument single into a preexisting function in javascript with bind().

var connect = function(index) {
    console.log(this.single);
    ...
}

var connect_fn = connect;
connect_fn.bind({
    single: true
});

$(".box").each(connect_fn);

Unfortunately, in the console.log() this.single is undefined.

plalx · Accepted Answer · 2013-10-25 21:20:27Z

1

bind returns a new function.

connect_fn = connect_fn.bind({
    single: true
});

Full example:

function test() {
    console.log(this.test);
}

test.bind({test: 'test'})();

edited Oct 25, 2013 at 21:20

answered Oct 25, 2013 at 21:05

plalx

43.8k7 gold badges77 silver badges94 bronze badges

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

3 Comments

Justin Over a year ago

Ok I see the problem when I use bind() I am losing the jquery behavior of each() passing a reference to the selector. How can I retain that? i.e. inside of connect() this is now just an object with single = true. I don't have a reference to the jQuery element any longer.

plalx Over a year ago

@Justin, The second argument passed to the function will be the element.

Justin Over a year ago

See my jsFiddle (jsfiddle.net/2VXHJ). Noticed how the console.log(this) does not include a jQuery reference to the object anymore. Without bind() $(this) is a reference to the jQuery element.

Collectives™ on Stack Overflow

Binding a value into an exsiting function in JavaScript

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related