html-css-js
/
13JS函数.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>13 JavaScript 函数</title>
</head>

<body>
    <h1>13 JavaScript 函数</h1>
    <h2>1 无参数，无返回值的函数</h2>
    <pre>
            function hello(){
                console.log('Hello JavaScript!');
            }
            hello();
        </pre>
    <h2>2 无参数，有返回值的函数</h2>
    <pre>
            function hello01() {
                return 'Return Hello JavaScript!';
            }
            let hell = hello01();
            console.log(hell);
        </pre>
    <h2>3 有参数，无返回值的函数</h2>
    <pre>
            function hello10(name) {
                console.log('Hello ' + name + '!');
            }
            hello10('BlMa');
            hello10('5217');
        </pre>
    <h2>4 有参数，有返回值的函数</h2>
    <pre>
            function hello11(name) {
                return 'Return Hello ' + name + '!';
            }
            let he11 = hello11('白龙马');
            console.log(he11);
        </pre>
    <h2>5 变量作用域</h2>
    函数外声明的变量为全局变量，函数内声明的变量为局部变量，函数内可以访问外部全局变量，函数外不能访问函数内的语句变量。
        <pre>
            let gs = '全局变量';
            function func2() {
                let ls = '局部变量';
                console.log(gs);
                console.log(ls);
            }
            console.log(gs);
            // console.log(ls); //这里会报错
            func2();
        </pre>
</body>

</html>
<script>
    // 无参数，无返回值的函数
    function hello00() {
        console.log('Hello JavaScript!');
    }
    hello00();

    // 无参数，有返回值的函数
    function hello01() {
        return 'Return Hello JavaScript!';
    }
    let hell = hello01();
    console.log(hell);
    // 有参数，无返回值的函数
    function hello10(name) {
        console.log('Hello ' + name + '!');
    }
    hello10('BlMa');
    hello10('5217');

    // 有参数，有返回值的函数
    function hello11(name) {
        return 'Return Hello ' + name + '!';
    }
    let he11 = hello11('白龙马');
    console.log(he11);

    // 变量作用域
    let gs = '全局变量';
    function func2() {
        let ls = '局部变量';
        console.log(gs);
        console.log(ls);
    }
    console.log(gs);
    // console.log(ls); //这里会报错
    func2();
</script>