js命名规则与函数初识

js命名规则与函数初识

总结：
代码成员：数据，操作
数据—>变量—>数据复用
操作—>函数—>操作复用
数据

1. let: 变量声明，支持块作用域，同一变量名不可重新声明，但可以重新赋值；
2. var：变量声明，不支持代码块作用域，同一变量名可重新声明；
3. const:常量声明，禁止更新，并且必须给初始值
4. 命名规则：
   4.1 大驼峰命名法，函数名运用居多（每个单词首字母大写），并且使用动词+名词的使用方法;
   4.2 小驼峰命名法，变量使用居多（第二个单词首字母大写）;
   4.3 蛇形命名法，常量使用居多（单词间使用下划线）；
   4.4 标识符（函数名，变量，常量）命名：字母/数字/下划线/$,且不能以数字开头
5. 函数
   5.1 命名函数：function name()；
   5.2 匿名函数：用变量定义函数名，let name function（）；
   5.3 IIFE函数（立即执行函数）：将函数直接输出，相当于直接调用函数整体，特殊的匿名函数；
   5.4 箭头函数（为了简化匿名函数）：let 定义变量名 =（参数） => 操作；一个参数,括号可省略,没有或者多个以上的参数，括号不可省略；

 <script>
        let a = 1;  // 变量申明，支持块作用域，不可重声明
        var b = 1;  // 变量申明，不支持代码块作用域，可重声明
        let d = 1;  
        let c = a + b + d;
        //let d = 1;  js代码变量声明必须在前，操作在后，由上到下执行
        console.log(c);  
        { 
            let b = 2;       // 大括号{}内为代码块，与上面的代码变量名重复，
            let a = 3;       // 但是代码不报错,不代表可以重复声明，是作用域在起作用
            let c = a + b +d; // a，b在括号内，d在括号外，即括号外的为全局变量，括号内为私有变量
            console.log(c);  // 代码块内调用变量，作用域链从代码块作用域内部（私有变量）开始查找，后找外部变量（全局变量）
        }
        // 命名规则
        function GetUserInfoPassword(){ // 大驼峰命名法，函数名运用居多（每个单词首字母大写），并且使用动词+名词的使用方法
            let userInfo = 10;          // 小驼峰命名法，变量使用居多（第二个单词首字母大写）
            const user_password = 10;   // 蛇形命名法，常量使用居多（单词间使用下划线）
            let user$denglu = userInfo + user_password; //标识符（函数名，变量，常量）命名：字母/数字/下划线/$,且不能以数字开头
            return user$denglu;         // return：代码段执行截至的地方，return之后的代码不执行，块中无return，则该代码块始终返回undefind
        }
        console.log(GetUserInfoPassword())
        // 函数
        // 1. 命名函数
        function x(z, y, x) {  // 给函数命名
            return z * y + x;
        }
        console.log(x(12, 10, 14))
        console.log(x(10, 10, 10))
        // 2. 匿名函数
        let qiuhe = function (q, w, e) { // 将函数声明为一个变量，通过调用变量，调用函数结果
            return q + w + e;
        }
        console.log(qiuhe(10, 20, 30))
        // 3.IIFE(立即执行函数)
        console.log(            // 将函数直接输出，不需要调用
            (function (H, K){
            return H / K;
        })(10,5));
        // 4.箭头函数（简化匿名函数）
        // 4.1 一个参数时
        test = test2 => test2 * 2;    // 函数只有一个参数时候：变量名=函数名=> {操作}
        console.log(test(2));
        // 4.2 没有参数时
        let test3 = () => 'hellworld';
        console.log(test3());
        // 4.3 两个或两个以上的参数时；
        let test4 = (r, t) => r + t;
        console.log(test4(4, 5))
    </script>

结果