Fonction JavaScript (Fonction)

1、Fonction

• Chaque fonction JavaScript est en fait un objet Function. Exécutez (function(){}).constructor === Function // true pour obtenir cette conclusion.
  ——————Cité du site officiel

2. Constructeur

• Créez un nouvel objet Function. L'appel direct de ce constructeur permet la création dynamique de fonctions, mais souffre de problèmes de sécurité et de performances (relativement mineurs) similaires à eval(). Cependant, contrairement à eval(), la fonction créée par le constructeur Function ne peut être exécutée que dans la portée globale.
  ——————Cité du site officiel

3. Caractéristiques des fonctions

• Il peut être appelé à plusieurs reprises pour masquer le processus d'exécution interne ;
• Principes d'utilisation des fonctions : forte cohésion et faible couplage :

① Forte cohésion (une seule fonction)
② Faible couplage (moins de connexion avec le monde extérieur) ;

4. Valeur de retour de la fonction

• La valeur de retour de la fonction est retournée par return

① return ne peut renvoyer qu'une seule valeur ;
② après l'exécution du retour , sortez de la fonction et l'instruction après le retour
ne sera pas exécutée ; ③ si la fonction n'a pas de retour , la valeur renvoyée est indéfinie ;

5. Portée de la fonction

• Les déclarations de fonction peuvent être hissées ;
• Les variables déclarées à l'aide de var peuvent être promues, mais les affectations ne peuvent pas l'être ;
• Lorsque le mot-clé de déclaration de variable ( let/var ) n'est pas utilisé , la valeur par défaut est une variable globale ;
• Portée variable :

Portée globale : déclarée en dehors de la fonction, toutes les fonctions peuvent être utilisées
Portée au niveau du bloc : déclarée dans la fonction, seule la portée au niveau du bloc déclarée peut être utilisée

6. Composition des fonctions

• nom de la fonction (obligatoire)
• corps de la fonction (obligatoire)
• Paramètres (peuvent être omis, veuillez vous référer à : 5. Classification des fonctions )
• Valeur de retour (peut être omise, veuillez vous référer à : 5. Classification des fonctions )

7. Syntaxe de la fonction

(1) Fonction personnalisée de mot-clé de fonction

① Format de syntaxe :

	function 函数名称(可以为空，也可以写形参){
    
    
		//函数体;
	};

② Exemple :

	<script>
        //声明变量并赋值
        let NumOne = 10;
        let NumTwo = 20;
        
        //调用函数，传入实参，将函数运行结果赋值给result
        result = sum(NumOne,NumTwo);
        
        //输出结果
        document.write(result);
        
        //自定义一个名为sum的函数，并设置形参num1,num2
        function sum(num1,num2){
    
    
            //计算传入的参数之和
            NumThr = num1 + num2;
            //返回执行结果
            return NumThr;
        };
	</script>

③ Effet de fonctionnement

(2) Expression de fonction (fonction anonyme)

① Format de syntaxe :

	var 函数名 = function(形参1,形参2){
    
    
			//函数体
		};

② Exemple :

	<script>
		//声明变量并赋值
		let NumOne = 10;
		let NumTwo = 20;
		//定义函数，函数名为sum，并设置形参num1,num2
		let sum = function(num1,num2){
    
    
				//计算传入的参数之和
				NumThr = num1 + num2;
				//返回执行结果
				return NumThr;
			}

		//调用函数，传入实参，将函数运行结果赋值给result
		let result = sum(NumOne,NumTwo);
		//输出结果
		document.write(result);
	</script>

③ Effet de fonctionnement

8. Classement des fonctions

(1) Aucun paramètre et aucune valeur de retour

① Exemple :

	<script>
		//调用函数，结果赋值给result
		let result = search();
		//输出结果
		document.write(result);
		//定义函数
		function search(){
    
    
			let Num1 = 10;
			let Num2 = 20;
			Num3 = Num1 + Num2
		}
	</script>

(2) Aucun paramètre et valeur de retour

① Exemple :

	<script>
		//调用函数，结果赋值给result
		let result = search();
		//输出结果
        document.write(result);
        //定义函数
		function search(){
    
    
			let Num1 = 10;
			let Num2 = 20;
			Num3 = Num1 + Num2
			return Num3;
		}
	</script>

(3) Il y a des paramètres mais pas de valeur de retour

① Exemple :

	<script>
		//声明变量
		let NumOne = 10;
		let NumTwo = 20;
		//调用函数，结果赋值给result
		let result = search(NumOne,NumTwo);
		//输出结果
		document.write(result);
		//定义函数
		function search(num1,num2){
    
    
			NumThr = num1 + num2;
		}
	</script>

(4) Il y a des paramètres et des valeurs de retour

① Exemple :

	<script>
		//声明变量
		let NumOne = 10;
		let NumTwo = 20;
		//调用函数，结果赋值给result
		let result = search(NumOne,NumTwo);
		//输出结果
		document.write(result);
		//定义函数
		function search(num1,num2){
    
    
			NumThr = num1 + num2;
            return NumThr;
		}
	</script>

9. Extension

(1) Fonction anonyme

① Format de syntaxe :

	let 变量名 = function(){
    
    
		//函数体;
	}

② Exemple :

	<script>
		let demo = function(){
    
    
			return "这是一个匿名函数";
		}
		let result = demo();
		document.write(result);
	</script>

③ Effet de fonctionnement

(2) Fonction flèche (es6)

1) Manière courante d'écrire

① Format de syntaxe :

	let 变量名 = () => {
    
    
		//函数体;
	}

② Exemple :

	<script>
		let demo = () => {
    
    
			return "这是一个箭头函数";
		}
		let result = demo();
		document.write(result);
	</script>

③ Effet de fonctionnement

2) Pour un paramètre, omettez les parenthèses

① Format de syntaxe :

	let 变量名 = 参数 => {
    
    
		//函数体;
	}

② Exemple :

	<script>
		let number = 10;
		let demo = num => {
    
    
			return "传入的参数值为：" + num;
		}
		let result = demo(number);
		document.wrirte(result);
	</script>

③ Effet de fonctionnement

3) Lorsqu'il n'y a pas d'accolades, le retour par défaut

① Format de syntaxe :

	let 变量名 = (参数1,参数2) => 函数体

② Exemple :

	<script>
		let demo = (numOne,numTwo) => numOne + numTwo;
		let numberOne = 10
		let numberTwo = 20;
		let result = demo(numberOne,numberTwo)
		document.write(result);
	</script>

③ Effet de fonctionnement

Pour plus d'apprentissage des fonctions, veuillez vous référer à la documentation officielle

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Function