JavaScript引入

三种引入方式

js标签引入的三种方式
1.行间式
    写在标签的事件属性中
    <div onclick="alert('hello')"></div>(点击出弹窗)
2.内联式
    写在script标签中(写js代码需要html标签已经存在，
    所以script标签最好写在最下面body与html标签中间，会被解析到body的最后)
    <script> </script>
3.外联式
    通过script标签的src属性，链接外部的js代码
    <script src="  "> </script>
    需要注意的是：一旦script标签引入了外部js代码，script标签就相当于单标签
                  标签中间的内容就会被屏蔽，不起效果

基础语法

比较与弱语言类型

//比较  == 值的比较  === 值和书记类型的比较
console.log(2 == '2');    //==> true
console.log(2 === 2);     //==> true
// 弱语言：会根据自己的环境来决定存储的类型
console.log(1 + '2');    //==> "12"
console.log(1 + 2);      //==> 3
console.log('1' + '2');  //==> "12"
console.log(1 - "2");    //==> -1

三种控制输出信息的方式

//三种控制输出信息的方式
    //1.控制台输出语句
    console.log();
    //2.浏览器弹出框提示信息
    alert();
    //3.将内容写到页面
    document.write('标签+内容');

变量与常量

//变量
let a = 10;
//变量声明可以不用赋初值
a++; //变量自增
//常量
const b = 1;
//常量声明是必须赋初值 一旦声明，常量的值就不可改变

数据类型

//数据类型分为两种  值类型  引用类型
//值类型
    //1.数字类型
        console.log(1);
        console.log(1.1);
    //2.布尔类型
        let b = false;
        console.log(b);
    //3.字符串类型  ''  ""  ``
        let c = ``;  //可以写多行
        console.log(c);
    //4.未定义类型
        let  d;
        console.log(d);  //不赋初值就是未定义类型
//引用类型
    //5.数组(相当于list)
        let arr = [1,2,3,4];
        console.log(arr);
    //6.对象(相当于dict)
        let sex = '男';
        let dic = {
            name:'xxx',
            sex     // 如果把变量作为值定义对象，并且变量名和属性名相同
                    // 那么 sex:sex 可以直接简写为 sex
        };
    //7.函数类型
        function fn() { };
    //8.null类型
        let f = null;
        console.log(f);