一: 首先让我们了解下javascript到底是什么? 它是一种运行在浏览器上的语言

1. 前端三剑客 :html(结构)\css(布局美化页面\样式)\javascript(行为交互)

2.js组成三部分:

      01.ECMAScript(确定js规范语法)
      02.DOM(js操作页面)
      03.BOM(js操作浏览器窗口)

3.三种书写样式:

      01.行内
      02.内嵌
      03.外联

4.有五大常用数据类型:

      01.字符串 :string
      02.数字类型:number
      03.判断数据 布尔类型 boolean  true(真)   false(假)  用来条件判断
      04.undefined  只有一个唯一值 undefined
      05.null       只有一个唯一值 null
      

还有一种用来判断数据类型: typeof 数据

二:变量 变量就是用来存储变量

1.等于号左边是变量就是空间,右边是 字面量就是数据 let age=20

<script>
        //变量作用： 在内存中存储数据
        //1.声明变量 ： 在内存中开辟一个空间
        let age
        //2.变量赋值
        // = : 赋值运算符（把右边的数据放入左边的变量中）
        age = 18
        //3.变量取值 ： 读取变量(容器)中存储的数据
        document.write(age)
        //变量可以在声明的时候赋值
        let name = '班长'//等价于 (1) let name  (2)name = '班长'
        document.write(name)
        console.log(age, name)//18//班长
    </script>

2.延展一下 : 需求：交换两个变量里面的值

    <script>
        //需求：交换两个变量里面的值
        
        let num1 = 10
        let num2 = 20

        //思考：能否直接交换
        // num1 = num2
        // num2 = num1
        // console.log( num1,num2)//20 20

        //正确方式：使用临时变量交换
        let temp = num1// 1.此处声明一个新的第三方变量存储num1中的变量10
        num1 = num2// 2.再将num2中的20从右往左进行赋值  此时num1=20
        num2 = temp//3.最后将第一步存储的变量10再赋值给num2, num=10
        console.log( num1,num2 )//20 10
    </script>

3..数据类型的多种转换

3.1值类型:值类型存在栈里 赋值的时候拷贝的也是数据,修改拷贝后的数据原数据没有影响

3.2引用类型:array数组[],function函数{},object对象{},存在 堆 里,赋值的时候拷贝的是地址,修改数据会影响原数据

3.3变量作用域

全局作用域(全局变量) :在函数外面声明
局部作用域(局部变量) :函数内部声明
块级作用域(块级变量) :大括号(分支+循环)里面声明