Javascript – Les fonctions

Le Rest parameter

Pour une fonction le Rest parameter permet de représenter un nombre indéfini d’arguments sous forme d’un tableau.

Exemple : Calculer la moyenne d’une donnée mensuelle pour un individu.

Javascript


function moyenne(nom, ...args) {
// le premier argument arrivera dans nom tous les autres arriveront dans args
	let somme = 0;
	for (let arg of args) {
		somme += arg;
	}
	let moyenne = (somme / args.length) || 0; 
  /*  || 0  permet de mettre 0 s'il n'y a pas d'autre argument que nom*/
	console.log(nom, moyenne);
}
moyenne("Michel", 12, 8, 16); // expecté "Michel", 12
// s'il n'y a pas d'autre argument que nom
moyenne("Michel"); // expecté "Michel", 0



function moyenne(nom, ...args) {

// le premier argument arrivera dans nom tous les autres arriveront dans args

	let somme = 0;

	for (let arg of args) {

		somme += arg;

	}

	let moyenne = (somme / args.length) || 0;

  /*  || 0  permet de mettre 0 s'il n'y a pas d'autre argument que nom*/

	console.log(nom, moyenne);

}

moyenne("Michel", 12, 8, 16); // expecté "Michel", 12

// s'il n'y a pas d'autre argument que nom

moyenne("Michel"); // expecté "Michel", 0

Jsfiddle

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

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

Utilisation des objets

Structure – propriétés, méthodes


var personne ={
   nom:"DUPONT", // propriété
   prénom:"Roger", // propriété
   direBonjour:function(){
   console.log("Bonjour"); // méthode
   }
};

Notations – par points – en crochets


const person = {nom: 'Bob'};

// Notation par points
const y = person.nom;

// Notation en crochets
const x = person["nom"];

Proprété	Valeur
nom	DUPONT
prénom	Roger

Les propriétés

Mise à jour d’une propriété


var personne ={
   nom:"DUPONT", // propriété
   prénom:"Roger", // propriété
   age: 35;
   direBonjour:function(){
   console.log("Bonjour"); // méthode
   }
};

personne.age = 36;

Ajouter une propriété


  personne.adresse :"Paris";

Supprimer une propriété


   delete personne.adresse;

Les méthodes


var personne ={
   nom:"DUPONT",
   prénom:"Roger",
   direBonjour:function(){
   console.log("Bonjour"); // Bonjour
   }
};
personne.direBonjour();

Création différée d'un objet


var personne ={};
personne.nom="DUPONT";
personne.prenom="Roger";
personne.direBonjour=function(){
    console.log("Bonjour"); // Bonjour
};

La valeur this


var personne ={
   nom:"DUPONT",
   prénom:"Roger",
   afficheNom:function(){
       console.log("nom : " + this.nom); // DUPONT
   }
};

On affiche la propriété "nom" de l'objet courant

Le constructeur

On utilise une fonction pour créer un objet


function Personne(){
   this.nom ="DUPONT";
   this.prenom ="Roger";
}
var personne = new Personne();

console.log(personne.nom);

On utilise une fonction et on passe des paramètres pour créer un objet.


function Personne(p_nom,p_prenom){
   this.nom = p_nom;
   this.prenom = p_prenom;
}
var nom_personne ="DUPONT";
var prenom_personne ="Roger";
var personne = new Personne(nom_personne,prenom_personne);
    console.log(personne.nom); // DUPONT

L'objet Object

Object est l'objet de base implémenté par l'ensemble des objets Javascript.
Tous les objets Javascript héritent de Object.


var obj={};
var obj= new Object();

Prototype

Publier 10 juin 2015 par Michel PIALLIER dans Javascript - Les objets Commentaires fermés

« Previous 1 2 3 4 5