js基础之声明变量，常量，作用域，函数，标示符

1. 实例演示变量,常量的声明与初始化,使用方法

代码如下：

<script>
        // 声明一个变量用let:常量的的默认值为undefind
      {
        let a ;
        console.log(a);
        // 初始化变量 就是给声明的常量赋值：
        let b = 10;
        b = 60;
        let c = 20;
        let d = b+c;
        d = b + b+ c;
        console.log(b);
        console.log(c+b);
        console.log(d);
        //变量 后面 是可以更新 重新赋值的
         b = 20;
         c = 50;
         d = b+c;
         console.log(d);
      }
      //声明一个常量用 const  常量名称用大写
        const USER = 'PHP 中文网 ';
        console.log(USER);
    </script>

效果图展示：

2. 实例演示作用域的类型与查看方式

代码如下：

<script>
        // 作用域分为：1块级作用域，2函数作用域，3全局作用域
        // 1.块级作用域：用{} 来写
        {
            //... 代码
            let a = '这是一个块级作用域';
             console.log(a);
        }
        // 块级作用域输出结果只能写在块级作用域内，不能写在{}外面
        // console.log(a);
        // 2. 函数作用域：用function 来写 name(参数)表示函数
        function user(a,b){
            let c = a+b
            return c ;           
        }
        //函数调用 要在函数外面调用
        console.log(user(11,22));
        // 3. 全局作用域： 声明的变量在块级和函数作用域外面，块级和函数作用域都可以输出
        let  d = '这个是全局作用域';
        let e = 123;
        let f = 21;
        console.log(d);
        {
            {
                console.log(e);
            }
        }
        function uname(){
            let h = e + f;
            return h;
        }
        console.log(uname());
    </script>

效果图展示：

3. 写出合法标识符的基本规则,并实例演示

代码如下：

<script>
        // 标示符基本规则：1.不要有特殊符号 
        // let %#$@!*^;
        // 标示符基本规则：2. $ _ 可以用
            let $sa = 123;
            let user_number = 1300138000;
            console.log($sa);
            console.log(user_number);
        // 标示符基本规则：3 数字不可以放在开始位置
        // let 1231_adad = 345;   
            let _adad = 345;
            console.log(_adad);
        //标示符遵循的规则： 5 . 声明变量用小写  声明常量用大写：
        let number = 12345;
        const USER_NAME = 'PHP中文网';
        console.log(number);
        console.log(USER_NAME);
    </script>

效果图展示：

4. 实例演示最常用 的三种函数类型

代码如下：

 <script>
        // 三种函数类型：1.命名函数， 2.匿名函数， 3.箭头函数 
        // 命名函数：
        function user(){
            return '这个是一个命名函数';
        }
        console.log(user());
        function un(username){
            let all = 'hello' + username;
            return all;
        }
        console.log(un('英俊的猪'));
        // 匿名函数：
        let text = function(username){
            return 'hello'+ username;
        }
        console.log(text('李老师'));
        console.log(text('PHP中文网'));
        console.log(text('马老师'));
        // 箭头函数：
        let text1 = username =>{
            return 'hello'+username;
        };
        console.log(text1('哈哈哈哈'));
        // 若果只有一条语句，一个函数时 可以省去括号：
        text2 =username => 'hello'+username;
        console.log(text2('哥哥'));
    </script>

效果图展示：