Web前端开发【五】JavaScript总结

1. JavaScript，就是我们通常所说的JS。这是一种嵌入到HTML页面中的编程语言，由浏览器一边解释一边执行。

2.JavaScript与Java的区别：

• JavaScript往往都是网页中使用，而Java却可以在软件、网页、手机APP等各个领域中使用；
• 从本质上讲，Java是一门面向对象的语言，而JavaScript更像是一门函数式编程语言。

3. JavaScript引入方式：
（1）外部JavaScript<script src="… .js"></script>
（2）内部JavaScript<script> …… </script>
（3）元素事件JavaScript
说明：外部JavaScript、内部JavaScript都可在head中引入或body中引入。

2个非常有用的方法：

• document.write():在页面输出一个内容；
• alert():弹出一个对话框。

4. 语法基础：
（1）变量与常量：

• 在JavaScript中，变量指的是一个可以改变的量，常量指的是一个不能改变的量。
• 变量的命名：变量由字母、下划线、$或数字组成，并且第一个字母必须是’字母、下划线或 '；变量不能是系统关键字和保留字。
• 在JavaScript中，所有JavaScript变量都是由var声明。var 变量名 = 值；

（2）数据类型：

• 基本数据类型5种：数字（number）、字符串(string)、布尔值(boolean)、未定义值（undefined）、空值（null）。
• 引用数据类型2种：数组(array)、对象(object)。（注：数组本质上其实也是对象）

（3）运算符：

• 算术运算符：+ - * / % ++ –
• 赋值运算符：= += - = *= /=
• 比较运算符：> < >= <= == !=
• 逻辑运算符：&& || !
• 条件运算符(三目运算符)：var a = 条件 ? 表达式1 : 表达式2;

说明：自增\自减运算符有2种情况：

• i++\i–：指的是在使用i之后，再让i的值加\减上1
• ++i–i：指的是在使用i之前，先让i的值加\减上1

（4）表达式与语句：
语句就是JavaScript的一句话，而表达式就是一句话的一部分。一个表达式加上一个分号就可以组成一个语句。

（5）类型转换：

• 隐式类型转换：自动
• 显示类型转换：手动

说明：

• “字符串"转换为"数字”：Number()；parselnt()和parseFloat()。Number()方法只能将“纯数字型字符串”转换为数字，不能将其他字符串（即使字符串内有数字字符）转换为数字。parselnt()和parseFloat()是提取“首字母为数字的任意字符串”；**parselnt()**提取的是整数部分，**parseFloat()**提取整数、小数部分。NaN表示这是一个“Not a Number（非数字）”。
• “数字"转换为"字符串”：与空字符串相加；toString()。

（6）转义字符：

转义字符	说明
’	英文单引号
"	英文双引号
\n	换行符

说明：对于字符串中的换行，有2种情况：

• 如果是在**document.write()**中换行，则应该用：<br/>
• 如果是在alert()中换行，则应该用：\n

5.JavaScript注释：
（1）单行注释：//单行注释
（2）多行注释：/*多行注释*/

6.流程控制：
（1）顺序结构
（2）选择结构：

• 单向选择：if(条件){ …… }
• 双向选择：if(条件){ …… }else{ …… }
• 多向选择：

if(条件1)
{
    //当条件1为true时执行的代码
}
else if(条件2)
{
    //当条件2为true时执行的代码
}
else
{
    //当条件1和条件2都为false时执行的代码;
}

• if语句的嵌套：

if(条件1)
{
    if(条件2)
    {
        当“条件1”和“条件2”都为true时执行的代码
    }
    else
    {
        当“条件1”为true、“条件2”为false时执行的代码
    }
}
else
{
    if(条件2)
    {
        当“条件1”为false、“条件2”为true时执行的代码
    }
    else
    {
        当“条件1”和“条件2”都为false时执行的代码
    }
}

• switch语句：

switch(判断值)
{
    case 取值1:
        语块1;break;
    case 取值2:
        语块3;break;
    ……
    case 取值n:
        语块n;break;
    default:
        语句块n+1;
}

（3）循环结构：

• while语句：while(条件){ //当条件为true时，循环执行 }
• do…while语句：do{ …… }while(条件);
• for语句：for(初始化表达式;条件表达式;循环后操作){ …… }

说明：do…while跟while区别在于：while语句是“先判断后循环”，do…while语句是“先循环后判断”。在实际开发中，我们一般都是用while语句，而不是用do…while语句，主要是do…while语句会先无条件执行一次循环

7. 初始函数