(一).JavaScript的简介，变量，数据类型，运算符和表达式

1. JavaScript的简介

1.1 JavaScript概念

JavaScript是一门：动态的 弱类型的 解释型 的脚本语言

1. 动态：  程序执行的时候才确定数据类型
2. 弱类型：数据类型不固定，可以随时改变
3. 解释型：与之相对的是java这种编译型语言，解释型就是程序运行时，一行一行的解释执行代码
4. 脚本：  一般是可以嵌入到其他编程语言中执行

1.2 JavaScript的应用

1. 表单校验
2. 网页交互
3. 游戏
4. 后端开发
...

1.3 JavaScript的组成部分

1. ECMAScript:	负责js的语法功能
2. DOM:		document object model 文档对象模型（操纵网页元素）
3. BOM:		browser object model 浏览器对象模型（操纵浏览器）

1.4 JavaScript代码的特点

1. js代码是解释执行，从上到下，一行一行进行执行
2. js代码严格区分大小写
3. js语句后通常以分号结尾，也可以省略
4. js代码如果某一行出现错误，代码就不会往下执行了
5. 单行注释 //  多行注释 /**/

1.5 常用的几个js函数

alert("弹窗显示"); //弹窗显示函数
console.log("控制台打印"); //控制台打印函数
document.write("添加内容"); //页面添加内容函数

1.6 js的三种书写位置以及优缺点

• js的三种书写位置 ： 行内式 内嵌式 外链式

1.行内式只能写事件相关的js代码，不太常用
    <button onclick="alert('点击跳出弹窗');">这是行内式</button>

2.内嵌式，写在html页面body的最下面
    <script>
        console.log('这是内嵌式');
    </script>

3.外链式，项目常用
  src: 引入外部的js代码到本页面
  ☆☆☆注意点：外链式的script标签内不能写代码☆☆☆
    <script src="./index.js"></script>

2. 变量及作用

2.1 变量

①.变量的定义

值可以变化的量

②.变量的作用

存储常量的容器

③.变量的本质

本质上就是在内存空间中开辟一块空间，用来存储常量

2.2 变量的使用

  // 1.先声明变量，后对变量赋值
    var a;
    a = 10;

  // 2.声明变量的同时，对变量赋值
    var b = 100;

  // 3.不带 var 声明变量 （有坑）
    c = 1000;

  // 同时定义多个变量
    var x = 10, y = 20;   //等价于 var x = 10; var y = 20;
    console.log(x, y);

    var e = f = 10;   //等价于 var e = 10; f = 10; f定义没有使用var
    console.log(e, f);

2.3 变量的命名规范

标识符规则
   1.变量名只能由数字 字母 和下划线 $组成
   2.变量名不能由数字开头
   3.变量名不能和关键字及保留字重名

变量名的写法
 1.大驼峰写法  每个单词首字母都需要大写
	var PersonName = '张三';

 2.小驼峰写法 ☆☆☆  除了首个单词之后的所有单词 首字母大写
	var personName = '李四';

 3.下划线写法  多个单词之间以下划线分隔
   	var person_name = '王五';

2.4 保留字和关键字

javascript的关键字
break   case   catch   continue   default   delete   do else   finally   for   function   if   in   instanceof new   return   switch   this   throw   try   typeof var   void   while   with

javascript的保留字
abstract   boolean   byte   char   class   const   debugger   double   enum     export    extends    final   float   goto   implements  import   int   interface     long    native  package  private  protected  public    short  static  super   synchronized   throws    transient  volatile

3. 基本数据类型

3.1 Number数字数据类型（蓝色）

    var num = 123;
// e 十进制
    var num = 1.23E10; 

// 0b 二机制
    num = 0b1110;

// 0o 八进制  o可以省略
    num = 0o1110;  // 8+64+64*8

// 0x 十六进制
    num = 0x110;    //16*1 + 16*16*1 = 272

3.2 String字符串数据类型（黑色）

// 单引号 双引号都可以
    var str = '大家好';

//空白串
    str = '    ';

//空串
    str = '';

// 引号嵌套问题：外双内单 外单内双
    str = "最近在读'三国演义'";
    str = '最近在读"三国演义"';

3.3 Boolean布尔值数据类型 (蓝色)

//true false
    var flag = true;
    flag = false;

3.4 undefined 数据类型 （浅灰色）

// undefined 是一种数据类型。并且只有一个值且为 undefined
// 声明变量不赋值 那么这个变量的值就是 undefined
    var u = undefined;
    var u;

3.5 null数据类型 （浅灰色）

// null是一种数据类型，只有一个值且为 null
// null 通常用来删除或者初始化一个对象
    var n = null;

3.6 判断数据类型

语法：typeof 数据
返回值：返回一个字符串 这个字符串是这个数据类型的小写字符串

    var a = 1;//'number'

    a = 'str';//'string'

    a = true;//'boolean'

    a = undefined;//'undefined'

//null比较特殊，可以理解为null一般用作对象的初始化或删除，所以返回的是'object'
    a = null;//'object'

    console.log(typeof a);

    console.log(typeof typeof a);//'string'

4. 运算符和表达式

运算符定义： 参与运算的符号

表达式定义： 由变量或常量与运算符组成的式子，表达式有值

4.1 算数运算符和表达式

1. 算数运算符 + - * / %
    var a = 10;
    var b = 20;
    console.log(a + b);
    console.log(a - b);
    console.log(a * b);
    console.log(a / b); //除法，强制除，有小数点也要除完
    console.log(a % b); //取余

2. % 的使用场景
    ①.可以判断一个数能不能整除另一个数，余数是0 代表整除
    ②.一个数字各个位上的数字
    // 678
    // 百位  678 / 100 --> 6.78  --> 取整 -->6
    // 十位  678 / 10 % 10 --> 67.8 % 10 --> 7.8 --> 取整 -->7
    // 个位  678 % 10 --> 8

    ③.返回一个范围内的数
    // 求0-99之间的某个数
    var x;
    x % 100;
    // 求1-99之间的某个数
    x % 99 + 1

4.2 自增自减运算符和表达式

1. 自增自减表达式
    1. ++ 让变量自身加1
    2. -- 让变量自身减1

2. 区分a和a++  a是变量 a++是表达式
    1.变量在表达式的前面，先赋值（先拿到变量的值赋值给整体的表达式），后自增1或者自减1（变量）
    2.变量在表达式的后面，先自增1或者自减1（变量），后赋值（拿到新的变量的值赋值）
    var a = 1;
    a++;
    console.log(a);

    var b = 11;
    ++b;
    console.log(b);

    var c = 111;
    c--;
    console.log(c);

    var d = 1111;
    --d;
    console.log(d);

    var x = 1;
    console.log(x++);// 1
    console.log(++x);// 2