JavaScript009，函数，变量(作用域) 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>JavaScript 函数</title>
    </head>
    <body>
        <h3>JavaScript Function(Function:函数)</h3>
        <!-- 
        函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
         语法：
         function testFun(){//以function开头，testFun()-函数名
             代码块
         }
         -->
        <h4>调用带参函数</h4>
        <button type="button" onclick="myFunction('狗剩',22)">点我</button>
        <!-- 这里的狗剩，22就是实参,可以使用不同的参数来调用该函数; -->
        <p id="demo" style="color: red;"></p>

        <script type="text/javascript">
            /* 调用带参函数(分为形式参数和实际参数) */
            function myFunction(name, age) { //这儿的name,age就是形参;
                document.getElementById('demo').innerHTML = name + '已经' + age + '岁了!';
            }
        </script>
        <p>----------------------</p>

        <h4>返回值</h4>
        <!-- return可以实现函数将值返回调用它的地方； -->
        <p id="demo1" style="color: red;"></p>

        <script type="text/javascript">
            function myFunction1(x, y) {
                if (x > y) {
                    return x + y; /* 当x>y时，返回x+y的值，函数结束，不会执行x*y */
                }
                return x * y; /* 当x<y时，返回x*y的值*/
            }
            document.getElementById('demo1').innerHTML = myFunction1(5, 4);
        </script>
        <p>----------------------</p>
        
            <!-- 变量
            变量分为局部变量，全局变量；
                在函数内用var声明的变量叫局部变量；
                在函数外，script标签内var声明的变量叫全局变量；
　　　　　　　　　 在函数内，声明变量的时候没有加var，也是全局变量；
            生命周期：
                局部变量从被声明开始到函数结束；
                全局变量从被声明开始到页面关闭； -->
    </body>
</html>
posted @ 2019-12-26 22:43  &nbps  阅读(172)  评论(0)    收藏  举报