fonction renvoie la fonction en javascript

Question

J'ai un tableau this.colors = [RED, BLUE, GREEN], et parfois je voudrais choisir une couleur aléatoire de ce tableau. Quand je le faire de cette façon, le résultat est normal:

rand_color = this.colors[Math.floor(Math.random() * this.colors.length)] 
javascript: console.log(rand_color) 
// => rgb(211, 65, 65) 

Mais quand je l'ai enveloppé dans la fonction:

this.pick_random_color = function() { 
    return this.colors[Math.floor(Math.random() * this.colors.length)]; 
} 

cette fonction ne retourne pas de valeur aléatoire. Au lieu de cela, je reçois ce message dans le journal:

color = this.pick_random_color; 
javascript: console.log(color); 
// => this.pick_random_color = function() { 
// => return this.colors[Math.floor(Math.random() * this.colors.length)]; 
// => } 

Quel est le problème avec la fonction?

Answer 1

Vous n'avez pas besoin de parenthèses après l'appel à pick_random_color?

color = this.pick_random_color(); 

Ce que vous semblez faire est color à l'attribution de la fonction pick_random_color, pas l'exécuter.

Answer 2

Vous avez oublié parens. Vous devez ajouter() à this.pick_random_colors

Answer 3

C'est parce que this.pick_random_color est une référence à une fonction. Vous devez exécuter cette fonction en écrivant this.pick_random_color().

Mais assurez-vous que les mots-clés this fait référence à l'objet d'origine