JS基础-4-函数、变量作用域和异常处理

定义和调用函数

• 定义函数：function 函数名(参数){执行语句; return 结果;}，return返回函数结果
• 大小写敏感，函数名大小写不一样
• 调用函数：可在script中使用函数名()直接调用，或者在css中将函数传递给某些属性的值
• 函数可以使用多个参数，每个参数可以设置默认值

// 函数
        // 1.定义函数:function 函数名(参数){执行语句; return 结果;}，大小写敏感
        function sum(m, n) {
            sum = m + n;
            return alert(sum);
        }
        // 2.调用函数，可在script中使用函数名()调用，或者在css中将函数传递给某些属性的值
        sum(1, 2);
        function demo(name = 'MJ', age = 18) { //定义默认参数
            return alert(name + "'s age is " + age); //弹出窗口输出结果
        }
        demo(); //使用默认参数
        demo(name = 'Mike', age = 20);

全局变量和局部变量

• 函数内通过var name声明的变量都是局部变量，通过name = value是全局变量，而在函数外的都是全局变量

//局部变量和全局变量
        //函数内通过var name声明的变量都是局部变量，通过name = value是全局变量，而在函数外的都是全局变量
        var g1 = 'global';
        g2 = 'global';
        function show_var() {
            var local = 1; //局部变量
            age = 10; //全局变量
        }
        show_var();
        alert('g1' + g1); //global
        alert('g2' + g2); //global
        alert('local' + local); //没有该变量
        alert('age' + age); //10

异常处理

类似于其他语言，当发生异常时需要使用异常处理语句，JS中的异常处理语句包括try-catch,例如：

// 异常处理
        try { //要测试的代码
            alert(test); //调用一个未定义的变量
        } catch (err) { //捕获到的错误
            alert('空的变量 test'); //遇到异常时执行的代码
        }