JS基础 -- 实参可以是任何值

/*
* 练习：
* 1.定义一个函数，判断一个数字是否是偶数，如何是返回true，否则返回false
*
* 2.定义一个函数，可以根据半径计算一个人圆的面积，并且返回计算结果
*/

        //1.定义函数，判断数字是否四偶数，并返回true或者false
        function isOu(num) {
            /*
             * 在写的时候，首先分析问题，然后才定一步一步，再然后去实现
             * 问题第一个句是定义一个函数，那第一步就是先写一个叫 isOu()的函数，并在函数中设置 num 为参数
             * 函数定义出来后，在看第二句判断是否是偶数，那第二步就是要写一个 if 判断，判断num % 2 == 0
             * if判断写完后，再去看最后一句，这最后一句就是返回true或者false，
             * 那就需要return 返回true和返回false，可是，问题来了，这个return该写在哪里哪？？
             * 其实，在问题中已经给出了写在哪里的答案，那就是如果是偶数就返回true，不是偶数就返回false，
             * 这句话就说明return是要写在if判断里的，就如下面的写法
             */
            //              if (num % 2 == 0) {
            //                  return true;
            //              } else{
            //                  return false;
            //              }
            /*
             * 上面的写法能够解决问题，但是，代码有点多，能不能精简一下哪？
             * 精简代码，首先，要看有没有相同代码，或者是能代替的代码
             * 在这里我找到了一个可以精简五行的代码，那就把if判断去掉，直接写return num % 2 == 0；
             * 这样能不能成功哪？
             * 让我们打印一下看看结果是否能完成这个工作
             */
            return num % 2 == 0;
        }
        var result = isOu(15);
        /*
         * 打印结果：
         *      false
         * 打印的结果显示false，那么15就不是偶数
         * 那也就是说return num % 2 == 0;可以代替if判断，当然这不是绝对的，不是说以后都要这么写，
         * 这需要根据情况来定的。
         * 如果说自己非要使用if判断，也可以不过是多几行代码，运行速度回慢些而已，一般为了精简代码会选择第二种写法
         */
        console.log(result);

/*****************我是分割线*****************/

        //2.定义函数，根据半径计算一个圆的面积，并返回计算结果
        //先定义一个函数，这个函数就叫 mianji() (原谅我使用拼音)
        function mianji(r){
            return 3.14*r*r;
        }
        /*
         * 其实，这个写法和第一个问题的解决方法是一样的，不一样的是返回公式，但是，都是计算过后才能返回结果
         */
        var jieguo = mianji(5);
        console.log(jieguo);
        
        /*****************我是分割线*****************/
        /*
         * 创建一个函数，可以在控制台中输出一个人的信息
         * 人的信息，有name、age、gender、address。
         * 从题中可以看到第一步是想要创建一个函数，并还有人的信息参数
         */
        function sayHello( name , age , gender , address){
            /*
             * 这样参数可以添加无数个参数，只是在拼接的时候，会很麻烦，这是避免不了的，只能这么来，
             * 当然，世事无绝对可能有更好的办法，但目前为止我没有见过
             */
            console.log('我是'+name+"，今年我"+age+'岁了，'+'我是一个人'+gender+"，我在"+address);
        }
        sayHello('孙悟空',18,'男','花果山'); 
        /*
         * 通过调用sayHello()函数，并在函数中添加了参数，虽然可以任意添加参数，但是，在调用函数时，
         * 不知道哪些参数是什么意思，乱传一同的话，那这个函数就没有意义所在了。比如：第一个参数是name，
         * 在调用时本该传的是名字，结果传了一个地址，那函数代码块中的结果就不是我们想要的结果了，
         * 更重要的是当参数达到5个以上，那就容易乱，不容易知道哪个参数是什么，需要传什么。
         * 所以有个更好的办法那就是把sayHello()中的参数改成一个，而这一个参数我们选择传一个对象，
         * 
         * 为了方便和区分，所以在下面使用sayHello2()函数
         */
        //经过修改后参数位置就只需要传一个参数就行
        function sayHello2(character){
            //为了不在log中拼接太长，所以用一个变量来拼接好后，然后在打印
            var a = '我是'+character.name+'，我有'+character.age+'岁了，我是'+character.gender+'，我住在'+character.address+'，我会'+character.Skill+"，我使用的是"+character.arms;
            console.log(a)
        }
        /*
         * 把函数的参数全部拿出来整理到一个对象中，来使用时既方便，又能清晰的知道哪个参数该传什么值，也可以穿很多灵活的参数
         */
        var obj = {
            name : '孙大圣',
            age : 1000,
            gender : '公的',
            address : '花果山',
            Skill : '七十二变',
            arms : '如意金箍棒'
        };
        //调用函数，并把写好的对象添加到参数中
        sayHello2(obj);
        

          
        /*
         * 函数的参数可以是任何值，那么函数也可以当做一个参数吗？
         * 当然是可以，那么下面简单的来试验一下
         */
        function fun(a){
            console.log('a = '+a);
        }
        /*
         * 在这里参数是写的sayHello2，那sayHello2()是不是一样的，那来介绍一下两个分别是什么意思
         * sayHello2()
         *  - 调用函数
         *  - 相当于使用函数的返回值
         *  - 在使用这个时，一定要在在函数代码块中加上return 返回值；
         *      函数的参数中调用另一个函数一定要在被调用函数的参数中加上要传的参数或对象
         *      例如：fun(sayHello2(obj)); 。 fun()是一个函数，sayHello2()也是一个函数，
         *      当第一个函数fun的参数中调用sayHello2()时，sayHello2()的参数中一定要写参数，不然会在浏览器中报错
         * 
         * sayHello2
         *  - 函数对象
         *  - 相当于直接使用函数对象
         */
        
        fun(sayHello2(obj));