补充js函数类型和数据类型知识 -

js函数类型

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>演示JS函数类型</title>
</head>
<body>
</body>
<script>
        // js函数类型有多种
            // 第一种 命名函数
            functoin zhansan(){
                // function :  声明函数
                // zhansan : 就是函数名                
            };
            // // 第二种 匿名函数
             function (){
                //   就是不写函数名
             };
            //  第三种 立即调用函数
            (function lisi(a){
                    console.log("name");
            })();
                 //第三种 分解部分
                    //这部分是声明一个函数.既第一个小括号包起来的内容
                    (function lisi(a){
                        console.log("name")
                    })
                     //这部分是调用函数
                    ();
                 //组合起来就是所看的
                (function lisi(a){
                        console.log("name");
                })();
            // 第四种 箭头函数
                // 箭头有两种
                    //  第一种  一个 =(等于号) 加 >(大于号) 胖箭头 
                    //  第二种   一个  -(一个横杠) 加 >(大于号) 箭头
                //下面来说函数
                    //平常所见的函数
                       let namee =function (){
                            console.log("Hello word");
                        }
                        namee();
                    //用箭头函数来表示
                        namee=()=>{
                            console.log("Hello1 word");
                        }
                        namee();
                            //如果函数体内只有一条表达式 ,可以简写成如下 ,既{....}和 return可以省略
                            let name=()=> console.log("省略");
                            name(); 
                            // 如果小括号() 里面只有一个参数 ,可以简写成如下, 既 ()小括号省略
                            let ceshi=a => {console.log(a*a)}; 
                            ceshi();
                            // 如果小括号()里面有多个参数则不能省略
                            let wangwu=(a,b)=>{
                                console.log("小括号中的a="+a+"小括号中的b="+b);
                            }
                            wangwu("我是a","我是b");
</script>
</html>

js数据类型

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>js数据类型</title>
</head>
<body>
</body>
<script>
    // js常用数据类型
        // 第一种 Number 数字类型
            // js数字类型可以使用小数点也可以不使用小数点
            const x=3.14; 
            // 不使用小数点的
            const p=30;
        // 第二种 String 字符串类型
                //使用双引号情况
                let name="Hello Word";
                // 使用单引号情况
                let zhansan='Test';   
            // 第三种 布尔类型(Boolean)
                // 布尔(逻辑) 只有两个值: true和false
                let s=true;
                let w=false;
            // 第四种   undefined  为定义
                let a;
                console.log(a);
            //第五种   null 意思: 空的
                let d=null;
                console.log(d);
        //js引用类型
            // 引用类型有三种: array(数组) object(对象) 函数
                // 数组
                    // 数组用一个中括号包裹 ,里面的内容可写多种类型
                    let user=[1,2,3];
                    let username=[1,"我是字符串",null,3.14];
                    console.log(username);
                    // 单独打印数组里面的一个元素
                    // 我们可以通过数组下标(索引)来访问数组中的元素 , 数组下标从0开始
                    console.log(username[1]);
                    //数组也可以是对象
                    let wangwu=[];
                    wangwu.name="我是王五";
                    console.log(wangwu["name"]);
                    // 数组也可以是函数
                    let lisi=[];
                    lisi.getlist=(a)=>{
                        return "hello word";
                    }
                    console.log(lisi.getlist(1));
                // 对象
                //     对象用{}一对大括号包裹里面的内容,采用键值对方式 既 name:value来定义
                    // 属性用逗号分隔
                    let getlist={
                        // 键名:属性值
                        id:1,
                        name: "Hello word",
                        email: "3321321@qq.com",
                        // 属性也可以是函数
                        list:function(){
                             return  " 我是测试";
                        },
                    }
                    // 对象添加属性
                    getlist.password="123123";
                    // 打印对象getlist ,查看数据
                    console.log(getlist);
</script>
</html>