zoukankan      html  css  js  c++  java
  • JavaScript(JS)的基本语法(JS数据类型,JS变量,JS运算符,JS流程控制语句)

    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的简单介绍,可以点击查看

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

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

    请看点击查询BOM对象章节

    请看点击查询DOM对象章节

  • 相关阅读:
    Remote Procedure Call (RPC) Locator与X3
    Delphi的悬浮窗口
    改变CSS样式
    JavaScript 打印Web页面指定区域的信息
    判断页面元素存在与否
    如何处理HTML标签属性
    jQuery 获取和设置表单元素
    如何添加/移除CSS类
    处理网页内容
    正则表达式 收集
  • 原文地址:https://www.cnblogs.com/no8g/p/13415634.html
Copyright © 2011-2022 走看看