变量,常量,数据类型,实例演示+函数参数与返回值+匿名函数及箭头函数的转化实例演示

变量,常量,数据类型

变量：用let声明，用let 声明的常量，不允许重复声明，会报错。想要重新被赋值，只能去掉let直接对变量进行赋值，这种方式就做更新。

<script type="text/javascript">
    // 初始化
    let username = "Miss gao";
    console.log(username);
    // 更新
    username = "student";
    console.log(username);
    // 删除
    username = "null";
    console.log(username);
    </script>

常量：用const声明，常量在声明时必须被赋值，因为常量一旦被定义，不能再次被更新。

<script type="text/javascript">
    const sum = "my name is gao";
    console.log(sum);
    // 再次被赋值就会出现报错，常量不能再次被赋值
    // sum = "haha";
    // console.log(sum);
    </script>

数据类型

数据类型有：1：原始类型，2：引用类型也叫作对象类型
原始类型有：数值：整数、小数、字符串、布尔值（true、false）、undefined（未定义）、null（空）

<script>
        // 字符串
        let username = "miss you";
        alert(typeof username == "string");
        //    未定义
        let a;
        alert(typeof a == "undefined");
    </script>

函数参数与返回值

函数声明用关键词 function +函数名（）后面紧跟大括号{括号内些函数体} （这个括号可以加参数可以不加参数）

<script>
        let sum = "小李";
        function change(name) {
           return "小明"+sum +name;
        }
        console.log(change("小哈"));
    </script>

由于函数不遵循先声明，后使用的原则，所以为了规范，大多时候，推荐使用“匿名函数”来实现先声明再使用的规范。

匿名函数

 let sum = function (name) {
            return "晃晃"+name;
        }
        console.log(sum("红红"));

箭头函数

只有匿名函数才可以使用箭头函数来简化

 // 箭头函数简化
        // 1：去掉function 2：在参数括号后面加胖箭头（=>）
        sum = (a,b) => {
            return a+b;
        }
        console.log(sum(10,20));

如果函数体只有一条return 语句或者只有一条语句，则大括号也可以不用了

sum = (a,b) =>  a+b;
        console.log(sum(10,20));

如果没有参数，参数的大括号不能省

 let a = 1;
        sum = () => a;
        console.log(sum());