前端之JavaScript基础语法

JS 概念:

之前我们学习了Html和CSS，其中Html是基础架构，CSS用来美化页面，而JavaScript则是实现网页动态效果的基石。

目录

一. 与html结合方式

1. 内部JS：定义<script>，标签体内容就是js代码（可以理解为和html代码写在一起）
2. 外部JS：定义<script>，通过src属性引入外部的js文件（单独定义的JS代码，没有和html代码写在一块）

            * 注意：
                1. <script>可以定义在html页面的任何地方。但是定义的位置会影响执行顺序。
                2. <script>可以定义多个。

二. 注释

和Java语言一样
            1. 单行注释：//注释内容
            2. 多行注释：/*注释内容*/

三. 数据类型：

1. 原始数据类型(基本数据类型)：

	                1. number：数字。 整数/小数/NaN(not a number 一个不是数字的数字类型)
	                2. string：字符串。 字符串  "abc"、 "a" 、'abc'
	                3. boolean: true和false
	                4. null：一个对象为空的占位符
	                5. undefined：未定义。如果一个变量没有给初始化值，则会被默认赋值为undefined

2. 引用数据类型：对象

四. 变量

1. 变量：一小块存储数据的内存空间

2. Java语言是强类型语言，而JavaScript是弱类型语言。
   * 强类型：在开辟变量存储空间时，定义了空间将来存储的数据的数据类型。只能存储固定类型的数据
   * 弱类型：在开辟变量存储空间时，不定义空间将来的存储数据类型，可以存放任意类型的数据。

3. 语法：
   * var 变量名 = 初始化值;

4. typeof运算符**：获取变量的类型。
   * 注：null运算后得到的是object

五. 运算符

1. 一元运算符：只有一个运算数的运算符

          分别有 ++、--、 +(正号)  
          1.1  ++ --: 自增(自减)
              ++(--) 在前，先自增(自减)，再运算
              ++(--) 在后，先运算，再自增(自减)
          1.2 +(-)：正负号
          1.3 注意：在JS中，如果运算数不是运算符所要求的类型，那么js引擎会自动的将运算数进行类型转换
          1.4 其他类型转number：
                  string转number：按照字面值转换。如果字面值不是数字，则转为NaN（不是数字的数字）
                  boolean转number：true转为1，false转为0
   

   2. 算数运算符

          +     -      *     /     %   ...
      

   3. 赋值运算符

          =     +=      -=  ....
      

   4. 比较运算符

         >      <       >=       <=       ==       ===(全等于)
         * 比较方式
           1. 类型相同：直接比较
               * 字符串：按照字典顺序比较。按位逐一比较，直到得出大小为止。
           2. 类型不同：先进行类型转换，再比较
               * ===：全等于。在比较之前，先判断类型，如果类型不一样，则直接返回false
      

   5. 逻辑运算符

         && （与）    ||（或）      !（非）
         * 其他类型转boolean：
            1. number：0或NaN为假，其他为真
            2. string：除了空字符串("")，其他都是true
            3. null&undefined:都是false
            4. 对象：所有对象都为true（这个地方很有用的，if(对象){   }这样写，感觉逼格很高）
      

   6. 三元运算符
      ? : 表达式
      var a = 3;
      var b = 4;

         var c = a > b ? 1:0;
         * 语法：
             * 表达式? 值1:值2;
             * 判断表达式的值，如果是true则取值1，如果是false则取值2；
      

六. 流程控制语句：

1. if…else…
2. switch:

• 在java中，switch语句可以接受的数据类型： byte int shor char,枚举(1.5) ,String(1.7)
• switch(变量):
  case 值:
• 在JS中,switch语句可以接受任意的原始数据类型

3. while
4. do…while
5. for

七. JS特殊语法：

1. 语句以 ; (分号)结尾，如果一行只有一条语句则 ; 可以省略 (不建议)
2. 变量的定义使用var关键字，也可以不使用