JavaScript(JS)的基本语法(JS数据类型,JS变量,JS运算符,JS流程控制语句)

版权声明:本文为博主原创文章,博客地址:https://blog.csdn.net/weixin_44299027,未经博主允许不得转载。 https://blog.csdn.net/weixin_44299027/article/details/88619538

JavaScript(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. 一元运算符:只有一个运算数的运算符
                ++、--、 +(正号)  
                * ++ --: 自增(自减)
                    * ++(--) 在前,先自增(自减),再运算
                    * ++(--) 在后,先运算,再自增(自减)
                * +(-):正负号
                * 注意:在JS中,如果运算数不是运算符所要求的类型,那么js引擎会自动的将运算数进行类型转换
                    * 其他类型转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的简单介绍,可以点击查看

请看点击查询基本语法章节

请看点击查询基本对象章节

请看点击查询BOM对象章节

请看点击查询DOM对象章节

猜你喜欢

转载自blog.csdn.net/weixin_44299027/article/details/88619538