javascript的基本流程控制语句简述javascript的基本语法

转载

mob64ca1417736e 2023-08-08 22:14:41

文章标签 javascript的基本流程控制语句运算符数据类型 Java 文章分类 JavaScript 前端开发

JavaScript(JS)的基本语法

一. 与html结合方式

二. 注释

三. 数据类型：

四. 变量

五. 运算符(和Java有点类似)

六. 流程控制语句（和JAVA 类似）：

七. JS特殊语法：

一. 与html结合方式

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

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

二. 注释

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

三. 数据类型：

           1. 原始数据类型(基本数据类型)：（不知道原始数据类型也可以学好JavaScript）
               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

五. 运算符(和Java有点类似)

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；

六. 流程控制语句（和JAVA 类似）：

           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