Maison > interface Web > js tutoriel > Quelles sont les manières d'appeler des fonctions en javascript

Quelles sont les manières d'appeler des fonctions en javascript

青灯夜游
Libérer: 2023-01-06 11:17:53
original
7800 Les gens l'ont consulté

Comment appeler une fonction en JavaScript : 1. Utilisez l'instruction "Object.Function Name()" pour appeler ; 2. Utilisez "Function Name().call(Caller, Parameter 1, Parameter 2, . .. ..);" appel d'instruction ; 3. Utilisez l'appel d'instruction "nom de fonction().apply(caller, tableau de paramètres);"

Quelles sont les manières d'appeler des fonctions en javascript

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

Trois façons d'implémenter des fonctions

Fonctions nommées

		<script type="text/javascript">
		function show(name){
			document.write(name+"  hellow")
		}
		show(&#39;laoli&#39;);
		</script>
Copier après la connexion

Fonction anonyme (recommandée)

		<script type="text/javascript">
			
		var f=function(name){
			document.write(&#39;name+"  hellow")
		}
		f(&#39;laoli&#39;);
		</script>
Copier après la connexion

Utilisez la classe de fonction pour construire une fonction anonyme

Format : new Function (('Liste des paramètres'), ('Liste des paramètres'), ('Corps d'exécution de la fonction'));

Remarque :

  • F dans Function est majuscule
  • La liste des paramètres et le corps d'exécution de la fonction doivent être placés entre guillemets
  • Fin par un point-virgule
		<script type="text/javascript">
			var f = new Function(&#39;name&#39;, &#39;alert(name+"你好");&#39;);
			f(&#39;laoli&#39;);
		</script>
Copier après la connexion

Colonne : utilisation des fonctions nommées

		<script type="text/javascript">
			function show(){
				document.write(&#39;我是命名函数&#39;)
			}
			var f=show();
			f();//函数调用
		</script>
Copier après la connexion

Variables et accès aux fonctions dans les fonctions

Les variables globales dans les fonctions sont accessibles directement

Les fonctions dans les fonctions doivent être appelés en premier avant de pouvoir y accéder

Colonne : Implémenter des appels de fonction au sein des fonctions (appels de fonctions locales)

		<script type="text/javascript">
		var num=&#39;laoli&#39;;
		var f=function(num){
			document.write(num+&#39;真可爱&#39;);
			
			function show(){
				document.write(&#39;他不是女人&#39;)
			}
			show();//调用show()函数
		}
		//执行函数
		f(num);
		</script>
Copier après la connexion

Résultat : Laoli est tellement mignon, ce n'est pas une femme

Trois façons d'appeler des fonctions

  • Application de fonction
  • appels de méthode d'appel. functionApplication de fonction. (appelant, paramètres 1, paramètre 2, .....)
  • appliquer la méthode appelle la fonction appliquer (appelant, tableau de paramètres)

Remarque : Lorsque vous déclarez une fonction affectée à l'objet fenêtre par défaut

colonne : implémentez trois appels

		<script type="text/javascript">
			//创建命名函数
			function show(name, age) {
				document.write(name + &#39;是男人,他&#39; + age + &#39;岁&#39;);
			}
			//对象.函数应用
			window.show(&#39;小明&#39;, &#39;30&#39;); 
			//all方法调用函数 函数应用.( 调用者,参数1 ,参数2 , .....)
			show.call(window, &#39;小明&#39;, &#39;30&#39;);
			//apply方法调用函数  apply(调用者,参数数组)
			show.apply(window, [&#39;小明&#39;, &#39;30&#39;]);
		</script>
Copier après la connexion

colonne : dans le tableau Appel de fonction

		<script type="text/javascript">
			//show传入两个参数 1个数组 1个函数
			function show(arr, func) {
				//func.call(window, arr);
				func.apply(window, [arr])
			}
			show([1, 2, 3, 4], function(arr) {
				for (i in arr) {
					document.write(arr[i] + &#39;<br/>&#39;)
				}
			});
		</script>
Copier après la connexion

Résultat :

[Recommandations associées : Tutoriel d'apprentissage du javascript]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal