JavaScript语法

JavaScript的组成

1. JavaScript是一种基于对象和事件驱动的客户端脚本语言，最初的设计是为了检验HTML表单输入的正确性。
2. JavaScript组成

完整的JavaScript由ECMAScript（语法）、Browser Objects（DOM、BOM）组成。

 

1. JavaScript使用
   1. 内部嵌入JavaScript

在head或body中使用<script>嵌入JavaScript脚本

• 1. <script src=“”></script>

JavaScript语法+变量

1. JavaScript语法
   1. JavaScript的注释与分号
      1. //单行注释
      2. /**/多行注释
      3. 语句结束使用分号，若省略，解析器会自动确定语句的结尾
   2. JavaScript的语法
      1. JavaScript区分大小写：ECMAScript中的一切（变量、函数名、操作符）
      2. JavaScript的标识符
         1. 标识符：变量、函数、属性的名字，或者函数的参数
         2. 命名规则：
            1. 由字母、数字、下划线或美元符号组成
            2. 不能以数字开头
            3. 不能使用关键字、保留字等最为标识符
      3. 变量
         1. ECMAScript的变量是松散类型，松散类型：用来保存任何类型的数据，每个变量仅仅是由于保存值的占位符而已。
         2. 变量的声明和赋值
            1. 变量声明：
               1. 语法：var 变量名
            2. 变量赋值：
               1. 声明的同时赋值：var 变量名=值
            3. 一次声明多个变量：
               1. var 变量名=值，变量名=值。。。。
            4. 说明
               1. 省略var声明的变量是全局变量
               2. 不推荐省略var操作符来定义全局变量
      4. JavaScript的数据类型
         1. ECMAScript中有5种简单数据类型（也称为基本数据类型）：Undefined、Null、Boolean、Number和String。还有一种复杂数据类型：Object
         2. typeof
            1. 语法：typeof 变量或 typeof（变量）
            2. 功能：检测变量类型
            3. 返回值：string类型，有可能是：string、number、boolean、object、undefined、function
               1. 在控制台打印console.log(typeof 变量)
         3. undefined
            1. undefined类型只有一个值，即特殊的undefined。
            2. 说明：一般而言，不存在需要显示的把一个变量设置为undefine值的情况
         4. null
            1. null值表示一个空指针对象
            2. 若定义的变量准备在将来用于保存对象，那么最好将改变量初始化为null而不是其他值
            3. 说明：undefined值是派生自null值的，所以undefined==null的返回结果是true。
         5. Number
            1. 表示整数和浮点数
            2. NaN：即非数值（not a number）是一个特殊的数值
            3. 说明：
               1. 任何涉及NaN的操作（例如NaN/10）都会返回NaN
               2. NaN与任何值都不相等，包括NaN本身
         6. isNaN（）
            1. 语法：isNaN（n）
            2. 功能：检测n是否为“非数值”
            3. 返回值：Boolean
            4. 参数：参数n可以是任何类型
            5. 说明：
               1. isNaN（）在接收到一个值后，会尝试将这个值转换为数值
               2. 某些不是数值的值会直接转换为数值
         7. 数值转换
            1. 有3个函数可以把非数值转换为数值：Number（）、parseInt（）、parseFloat（）。其中Number()则专门用于把字符串转换成数值
               1. parseInt（）：会忽略字符串前面的空格，直至找到第一个非空格字符
                  1. 说明：
                     1. parseInt（）：转换空字符串返回NaN
                     2. parseInt（）：这个函数提供第二个参数：转换时使用的基数（即多少进制）
               2. parseFloat（）：从第一个字符开始解析每个字符，直至遇见一个无效的浮点数字符为止
                  1. 说明：除了第一个小数点有效外，parseFloat（）与parseInt（）的第二个区别在于它始终都会忽略前导的零
         8. string
            1. String类型用于表示由零或多个16位Unicode字符组成的字符序列，即字符串。字符串可以由双引号或单引号表示
         9. toString()
            1. 语法：str.toString()
            2. 功能：将str转换为字符串
            3. 返回值：str的一个副本
            4. 参数：str是要转换的内容，可以是数值、布尔值、对象和字符串
            5. 说明：在不知道要转换的值是不是null或undefined的情况下，还可以使用string（）函数，它能够将任何类型的值转换为字符串
         10. Boolean
             1. 用于表示真假的类型，即true表示真，false表示假
         11. 类型转换
             1. 除0之外的所有数字，转换为布尔型都为true
             2. 除“”之外的所有字符，转换为布尔型都为true
             3. null和undefined转换为布尔型为false
      5. JavaScript操作符
         1. 表达式：将同类型的数据（如常量、变量、函数等），用运算符号按一定的规则连接起来的、有意义的式子称为表达式
         2. 操作符的分类
            1. 算术操作符、逻辑操作符、赋值操作符、比较操作符、三元操作符
            2. 算数操作符：
               1. +（加）、-（减）、*（乘）、/（除）、%（取余）
               2. 递增：
                  1. ++a与a++都是对a进行递增操作
                  2. 区别：++a先返回递增之后的a的值
                  3. a++先返回a的原值，再返回递增之后的值
               3. 递减同理
            3. 赋值操作符
               1. 简单赋值：=
               2. 复合赋值：+=、-=、*=、/=、%=
            4. 比较操作符
               1. >、<、>=、<=、==、===、!=、!==
               2. ==:相等，只比较值是否相等
               3. ===：相等，比较值的同时比较数据类型是否相等
               4. ！=：不相等，比较值是否不相等
               5. ！==：不相等，比较值的同时比较数据类型是否不相等
               6. 返回值：Boolean型
            5. 三元操作符
               1. 语法：条件？执行代码1：执行代码2
               2. 说明：可代替简单的if语句；若条件成立，执行代码1，否则执行代码2
            6. 逻辑操作符
               1. &&（与）、||（或）、！（非）
               2. &&与：只要有一个条件不成立，返回false。
                  1. 说明：在有一个操作数不是布尔值的情况，逻辑与操作就不一定返回值，此时它遵循下列规则：
                     1. 若第一个操作数隐式类型转换后为true，则返回第二个操作数
                     2. 若第一个操作数隐士类型转换为false，则返回第一个操作数
                     3. 若有一个操作数是null，则返回null
                     4. 若有一个操作数是NaN,则返回NaN
                     5. 若有一个操作数是undefined，则返回undefined
               3. ||或：只要有一个条件成立，返回true
                  1. 说明：在有一个操作数不是布尔值的情况，逻辑与操作就不一定返回值，此时它遵循下列规则：
                     1. 若第一个操作数隐士类型转换后为true，则返回第一个操作数
                     2. 若第一个操作数隐士类型转换后为false，则返回第二个操作数
                     3. 若两个操作数是null，则返回null
                     4. 若两个操作数是NaN，则返回NaN
                     5. 若两个操作数是undefined，则返回undefined
               4. ！非：
                  1. 说明：无论操作数是什么数据类型，逻辑非都会返回一个布尔值
                  2. ！！同时使用两个逻辑非操作符时：
                     1. 第一个逻辑非操作会基于无论什么操作数返回一个布尔值
                     2. 第二个逻辑非则对该布尔值求反