Fonction js d'apprentissage Javascript (résumé de l'expérience)-js tutoriel-php.cn

Fonction js d'apprentissage Javascript (résumé de l'expérience)

青灯夜游

Libérer： 2018-10-29 16:48:20

avant

3100 Les gens l'ont consulté

Cet article vous apporte un résumé de l'expérience des fonctions js dans le processus d'apprentissage de Javascript. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

Les fonctions Javascript sont des blocs de code pilotés par des événements ou réutilisables qui sont exécutés lorsqu'ils sont appelés. Il ne sert donc à rien de simplement créer une fonction sans l'appeler. Il faut l'appeler pour l'exécuter.

1. Qu'est-ce qu'une fonction

(1) Une fonction est un segment de code qui remplit une certaine fonction

(2) Une fonction est un segment de code répétable

(3) Les fonctions sont faciles à maintenir et à gérer

2. À quoi devons-nous faire attention lors de la création de fonctions ?

(1) Les noms de fonctions sont strictement sensibles à la casse

(2) Les noms de fonctions en double entraîneront des remplacements

(3) Les noms de fonctions sont mieux sémantiques

3. Fonction déclencheur

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <button onclick="Click()">点击按钮调用函数</button>
    <script>
        function Click(){
            alert('调用成功！');
        }
    </script>
</body>
</html>

Copier après la connexion

4. Fonction qui implémente les paramètres par défaut

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <script>
    function calc(x,y){
        x=x||0;
        y=y||0;
        return x+y;
    }
   　　 alert(calc());
    　　alert(calc(1,2));
    </script>
</body>
</html>

Copier après la connexion

5. Fonction sous forme de paramètres variables

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <script>
        function test(){
            var sum = 0 ;
            var allNum = arguments.length ; //定义allNum为传入参数的个数
            for(var i=0;i<allNum;i++){
                sum+=arguments[i];//sum = sum + arguments[i]
                document.write(arguments[i]);
            }
            return sum;
        }
        alert(test(1,2,4));
    </script>
</body>
</html>

Copier après la connexion

6. . Portée des variables

(1) Variables locales : variables déclarées dans le corps de la fonction, ne peuvent être utilisées que dans le corps de la fonction

(2) Variables globales : variables globales, à partir du moment où la variable est créée. est déclaré à la fin du script Vous pouvez utiliser

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <script>
        var x=1;
        function test(){
            document.write('1.函数体内的x的值为：'+x+'<br />');
            x=19;
            document.write('2.此时函数体内重新对x值赋值，此时x的值为：'+x+'<br />');
        }
        document.write('3.函数体外的x值：'+x+'<br />');//因为读写顺序先执行这段代码然后在执行函数 test()
        test();
        document.write('4.函数体外的x值：'+x+'<br />');
    </script>
</body>
</html>

Copier après la connexion

Ceci est juste mon expérience d'apprentissage personnelle, veuillez signaler toute lacune. Merci pour les bons conseils ! !

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!