call anonymous function javascript

Question

I need to call a function passing argument. Here is my code.

var myfb;
var MyFaceBook = function(response) {
  this.response = response;
};

MyFaceBook.prototype.dd = function(_array) {
  console.log(_array);
}

MyFaceBook.prototype.doLike = function(_url) {		
  this.dd(_url);
  return false;
}

MyFaceBook.prototype.getTabList = function() {		
    return '<a href="#" onclick="'+this.doLike.call('http://facebook.com')+'"> Like </a> | <a href="#">Share</a> | <a href="#"> Comment </a>';
};

myfb = new MyFaceBook(response = array());
myfb.getTabList();

What I really need is when I click 'Like' button, I need to console the url i.e 'facebook.com' that I pass.

ponury-kostek · Accepted Answer · 2019-04-24 09:00:27Z

1

You don't need to use call (this.doLike.call(...)) to call a function, you can just do this.doLike(...)

var myfb;
var MyFaceBook = function(response) {
  this.response = response;
};

MyFaceBook.prototype.dd = function(_array) {
  console.log(_array);
}

MyFaceBook.prototype.doLike = function(_url) {		
  this.dd(_url);
  return false;
}

MyFaceBook.prototype.getTabList = function() {		
    return '<a href="#" onclick="myfb.doLike(\'http://facebook.com\')"> Like </a> | <a href="#">Share</a> | <a href="#"> Comment </a>';
};

myfb = new MyFaceBook([]);
document.body.innerHTML += myfb.getTabList();

This is not the best way to do this. You should create links using document.createElement, attach event listeners to them EventTarget#addEventListener and then append those links to DOM using Node#appendChild

const MyFaceBook = function(response) {
  this.response = response;
};

MyFaceBook.prototype.dd = function(_array) {
  console.log(_array);
}

MyFaceBook.prototype.doLike = function(_url) {		
  this.dd(_url);
  return false;
}

MyFaceBook.prototype.getTabList = function() {		
    const link = document.createElement('a');
    link.innerHTML = 'Like';
    link.addEventListener("click", () => {
      this.doLike('http://facebook.com');
    });
    document.body.appendChild(link);
};

const myfb = new MyFaceBook([]);
myfb.getTabList();

edited Apr 24, 2019 at 9:00

answered Apr 24, 2019 at 8:36

ponury-kostek

8,0835 gold badges27 silver badges33 bronze badges

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

4 Comments

user2542724 Over a year ago

yes, that's does the work. But the function is executed automatically without click event. How can I prevent it from running automatically.

ponury-kostek Over a year ago

@user2542724 Is this what you expected?

user2542724 Over a year ago

Actually, when I click on "Like" link, I need to console the "facebook.com". But right now, the function doLike is called automatically when the script is loaded.

ponury-kostek Over a year ago

@user2542724 have you clicked Like link?

iliasse · Accepted Answer · 2019-04-24 08:47:21Z

0

I agree with @ponury-kostek 's answer, plus in the following line of code

myfb = new MyFaceBook(response = array());

you could use

myfb = new MyFaceBook("your response here");

in case of an array :

myfb = new MyFaceBook(["your response here","another response..."]);

here is a full executable code that works :

var myfb;
var MyFaceBook = function(response) {
  this.response = response;
};

MyFaceBook.prototype.dd = function(_array) {
  console.log(_array);
}

MyFaceBook.prototype.doLike = function(_url) {		
  this.dd(_url);
  return false;
}

MyFaceBook.prototype.getTabList = function() {		
    return '<a href="#" onclick="'+this.doLike('http://facebook.com')+'"> Like </a> | <a href="#">Share</a> | <a href="#"> Comment </a>';
};

myfb = new MyFaceBook(["my response"]);
myfb.getTabList();

edited Apr 24, 2019 at 8:47

answered Apr 24, 2019 at 8:42

iliasse

2571 silver badge7 bronze badges

1 Comment

user2542724 Over a year ago

yes, the above code works fine now. But the function 'doLike' is executed automatically without click event. How can I prevent it from running automatically.

Collectives™ on Stack Overflow

call anonymous function javascript

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related