js函数

代码块

• 我们的程序是由一条一条语句构成的，语句是按照自上向下的顺序一条一条执行的
  在JS中可以使用{}来为语句进行分组,
  同一个{}中的语句我们称为是一组语句，
  它们要么都执行，要么都不执行，
  一个{}中的语句我们也称为叫一个代码块，在代码块的后边就不用再编写;了
  JS中的代码块，只具有分组的的作用，没有其他的用途，代码块内容的内容，在外部是完全可见的

function aa(){
            alert('hello!');
        }

        /*
        //直接调用
        aa();

变量函数预解析

        /*变量预解析*/
        /*alert(a);//只把变量a的声明提前，赋值不提前，所以弹出undefined，表示它的值未定义
        // alert(c);//报错，c没有声明，这是真正的未定义
        var a = 123;


        /*函数预解析*/
        myalert();//弹出hello!

        function myalert(){
            alert('hello!');

匿名函数

window.onload = function(){
            var oDiv = document.getElementById('div1');

            /*有名字的函数*/
            // oDiv.onclick = myalert;

            // function myalert(){
            //  alert('hello');
            // }

            /*匿名函数*/
            oDiv.onclick = function(){
                alert('hello');

参数传递

        window.onload = function(){
            var oDiv = document.getElementById('div1');

            changeStyle('color', 'gold');
            changeStyle('background', 'red');
            changeStyle('width', '300px');
            changeStyle('height', '300px');
            changeStyle('fontSize', '30px');

            function changeStyle(styl, val){
                oDiv.style[styl] = val;
            }
        }

return关键字

        window.onload = function(){
            var oInput01 = document.getElementById('input01');
            var oInput02 = document.getElementById('input02');
            var oBtn = document.getElementById('btn');

            //写入值
            // oInput01.value = 10;
            // oInput02.value = 5;

            oBtn.onclick = function(){
                var val01 = oInput01.value;
                var val02 = oInput02.value;
                var rs = add(val01, val02);
                alert(rs);
            }

            function add(a, b){
                var c = parseInt(a) + parseInt(b);
                // alert('计算完成');//执行
                return c;//返回函数设定的值，同时结束函数的运行
                // return;//不返回值，仅结束函数的运行
                // alert('计算完成');//不执行
            }
        }