js的基础用法二：绑定方式，事件类型，五大基本数据类型

1，绑定方式事件类型

  var body = document.querySelector("body");
        var eventDiv = document.createElement("div");
        eventDiv.className = "eventDiv";
        eventDiv.style.cssText = "width: 300px; height: 200px; border: 1px solid black;";
        body.appendChild(eventDiv);
        
        //1.绑定方式
        //on事件
            // eventDiv.onclick = function(){ console.log("div被点击了"); };
            // eventDiv.onclick = () => console.log("div 被点击了");
        //addEventListener事件
            // eventDiv.addEventListener("click", function (){
            //     console.log("div被点击了 addEventListener事件触发");
            // });
            // eventDiv.addEventListener("click", ()=>console.log("div被点击了 addEventListener事件触发"));



        //2.事件类型
            // click, mouseup, mousedown, moueseenter, mouseleave...
            // focus, blur...
            // keyup, keydown, keypress...
            // resize, scroll, load, change

2，五大基本数据类型

    1.五大基本数据类型
     数字、字符串、布尔、undefined、null(对象内容为空)
     ES6还有其他类型

        // var userAge = 18;
        // var userName = "Frank";
        // var userMarried = true; //true真 false假
        // //两个特殊类型undefined、null
        // //定义了变量却没有赋值，系统默认设置为undefined。
        // var userAddress;
        // console.log(userAddress);

    

2.三大引用数据类型
         * 数组、对象、函数
  
        // var stuNameList = ["frank", "oycat", "luna", true, 123];
        // var stuNameList2 = new Array("frank", "oycat", "luna");
        // var stuNameList3 = [];
        // stuNameList3[0] = "frank";
        // stuNameList3[1] = "oycat";
        // stuNameList3[2] = "luna";
        // console.log(stuNameList[3]);
        // console.log(stuNameList2);
        // console.log(stuNameList3);
        // //
        // var stu1 = { 
        //     "name":"frank", 
        //     "age":"18", 
        //     "major":"WEB前端"
        // }
        // var stu2 = { name:"frank", age:"18", major:"WEB前端" }
        // console.log(stu1.major);
        // console.log(stu2);
        // stu1.address = "孵化园E9";
        // stu2.address = "环球中心";
        // console.log(stu1);
        // console.log(stu2);
        // //
        // function fn1(){ 
        //     console.log("fn1被执行了。"); 
        // }
        // var fn2 = function (){ console.log("fn2被执行了。"); }
        // fn1();
        // fn2();