【JavaScript用法】JavaScript(JS)的基本语法（JS数据类型，JS变量，JS运算符，JS流程控制语句）

你的名字 2022-03-07 18:18 212阅读 0赞

# JavaScript(JS)的基本语法 #

**目录**

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

## 七. JS特殊语法： ##

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

以上就是JavaScript(JS)简单的基本语法，其他的可以自行上网搜索。。。。

**想要查看[JS的简单介绍][JS]，可以点击查看**

**[请看点击查询基本语法章节][Link 1]**

**[请看点击查询基本对象章节][Link 2]**

**[请看点击查询BOM对象章节][BOM]**

**[请看点击查询DOM对象章节][DOM]**

[JS]: https://blog.csdn.net/weixin_44299027/article/details/86567131
[Link 1]: https://blog.csdn.net/weixin_44299027/article/details/88619538
[Link 2]: https://blog.csdn.net/weixin_44299027/article/details/88630129
[BOM]: https://blog.csdn.net/weixin_44299027/article/details/88929931
[DOM]: https://blog.csdn.net/weixin_44299027/article/details/88930577