Javascript – Les fonctions

Types de fonctions

Il existe plusieurs types de fonctions Javascript :

Fonctions nommées


function message(){
    alert('Hello');
}

On l’appelle en ajoutant des parenthèses

        

message();

Fonctions anonymes


function(){ alert('Hello');}

Une fonction anonyme peut être attribuée à une variable


const maFonction = function(a,b){
 return a+b;
}
maFonction(5,3); //8

Une fonction anonyme peut être utilisée comme argument dans une fonction


setTimeout(function(){
console.log("Message effacé");
},1000);

Fonctions immédiates

       

(function(){ alert('Hello');})(); // la fonction est auto appelante
(function(arg){ alert('Hello ' + arg);})("World");  //avec des arguments



(function(){ alert('Hello');})(); // la fonction est auto appelante

(function(arg){ alert('Hello ' + arg);})("World");  //avec des arguments

Publier 21 mai 2015 par Michel PIALLIER dans Javascript - Les fonctions Commentaires fermés

fonction

Les fonctions variadiques

Une fonction variadique est une fonction qui accepte un nombre variable d’arguments.

Javascript met à disposition un pseudo-tableau » arguments ».(On ne peut pas faire une boucle For pour le balayer)

Javascript


function moyenne(){
	let somme = 0;
	for (let i=0; i < arguments.length; i++) {
		somme += arguments[i];
	}
	let result = (somme / arguments.length) || 0;
	console.log(result);
}
moyenne(12, 8, 13); // expecté 11
moyenne(); // expecté 0

Jsfiddle

Publier 6 novembre 2019 par sm2017 dans Javascript - Les fonctions Commentaires fermés

Prototype

L’objet prototype permet d’ajouter des propriétés et des méthodes à un objet à partir du prototype.

HTML


<p>Hello</p>
<div class="blue">
    Hello World!
</div>

Javascript

  
 
$.prototype.highlight = function(texte)
{
    $(this).css("background","red");
    $(this).text(texte);
};
$("p").highlight('aaffffaaaa');

$.fn.blueBorder = function(){
 this.each(function(){
  $(this).css("border","solid blue 2px");
 });
 return this;
};
$.fn.blueText = function(){
 this.each(function(){
  $(this).css("color","blue");
 });
 return this;
};

$('.blue').blueBorder().blueText();

Jsfiddle

Publier 6 janvier 2016 par Michel PIALLIER dans Javascript - Les fonctions Commentaires fermés

1 2 Next »

[an error occurred while processing this directive]