Maison  >  Article  >  interface Web  >  Explication détaillée des bases des fonctions JavaScript

Explication détaillée des bases des fonctions JavaScript

高洛峰
高洛峰original
2017-02-03 13:15:281050parcourir

Qu'est-ce qu'une fonction ?

Une fonction est un segment de code qui exécute une certaine fonction

Une fonction est un segment de code répétable

La fonction est facile à gérer et maintenir

Fonction personnalisée

via le mot-clé de fonction

nom de la fonction ([paramètres,...]){

Segment de code ;

return 返回值;
}

Remarque

N'incluez pas de caractères spéciaux dans les noms de fonctions

Il est préférable que les noms de fonctions aient une signification claire

Il est préférable que les noms de fonctions suivent la notation en casse chameau ou la notation soulignée

Les noms de fonctions sont strictement sensibles à la casse

Si le nom de la fonction est répété, il sera écrasé

La fonction peut avoir des paramètres ou aucun paramètre, il peut y en avoir un. Les paramètres peuvent également avoir plusieurs paramètres

La fonction ajoute la valeur de retour via return S'il n'y a pas de retour, le retour par défaut est indéfini

.

La fonction ne sera pas exécutée si elle n'est pas appelée

Fonction anonyme

Les expressions de fonction peuvent être stockées dans des variables, et les variables peuvent également être utilisées comme fonction

Vous pouvez transmettre des fonctions anonymes en tant que paramètres à d'autres fonctions, et la fonction de réception peut effectuer certaines fonctions via la fonction transmise

Certaines tâches ponctuelles peuvent être effectuées via des fonctions anonymes

Grâce à la fonction () constructeur

Grâce à la définition du constructeur de fonction JavaScript intégré (Fonction())

var myFunction=new Function('a','b','return a+b');
var myFunction=function(a,b){return a+b;};

Remarque

Les deux méthodes ci-dessus sont équivalentes

Essayez d'éviter d'utiliser le nouveau mot-clé

Code source

<!DOCTYPE html>
<html>
<head>
<meta charSet="utf-8">
<title></title>
</head>
<body>
<Script type="text/javaScript">
// teSt();
function teSt(){
alert(&#39;thiS iS a teSt&#39;);
}
// teSt();
//函数名称严格区分大小写
function TEST(){
alert("hello king");
}
// TEST();
//函数名称重复会产生覆盖
// teSt();
function teSt(){
alert(&#39;hello maizi&#39;);
}
// teSt();
function teSt1(){
alert(&#39;thiS iS teSt1 function&#39;);
}
// alert(teSt1());
function teSt2(){
return null;
return undefined;
return;
return true;
return &#39;thiS iS king&#39;;
return 1.2;
alert(&#39;thiS iS a teSt&#39;);
return 1;
}
// alert(teSt2());
function calc(num1,num2){
return num1+num2;
}
// alert(calc(1,2));
// alert(window.calc(3,5));
// alert(calc(1,2,3,4,5,6));
// function calc1(num1=1,num=2){
// return num1+num2;
// }
function calc1(num1,num2){
num1=num1||1;
num2=num2||2;
return num1+num2;
}
alert(calc1(3,6));
</Script>
</body>
</html>

Exécution résultats :

Explication détaillée des bases des fonctions JavaScript

Ce qui précède est tout le contenu de cet article, j'espère que le contenu de cet article pourra être d'une certaine aide pour les études ou le travail de chacun, j'espère également le soutenir. le site PHP chinois !

Pour plus d'articles liés aux bases des fonctions JavaScript, veuillez faire attention au site Web PHP chinois !

Déclaration:
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