Java Script脚本语言入门（上）
了解Java Script
1.什么是Java Script？
- JavaScript是一种基于对象和事件驱动并具有安全性能的解释性脚本语言，在Web应用中应用广泛。
- 他不需要编译，而是直接嵌入到HTTP页面中，把静态页面转换成支持用户交互并相应应用事件的动态页面。
2.Java Script的主要特征
- 解释性：Java Script是一种脚本语言，采用小程序段的方式实现编程。
- 基于对象：他是一种基于对象的语言，它可以应用自己已经创建的对象，因此许多功能来自于脚本环境中对象的方法与脚本的相互作用。
- 事件驱动：Java Script可以以事件驱动的方式直接对客户端的输入做出响应，无需经过服务端程序。
- 安全性：Java Script具有安全性，他不允许访问本地硬盘，不能将数据写入到服务器上，并且不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互，从而有效地防止数据的丢失。
- 跨平台：Java Script依赖于浏览器本身，与操作系统无关，只要浏览器支持Java Script，Java Script的程序代码就可以正确实现。
2.Java Script语言基础
1.JavaScript的语法
- JavaScript区分大小写
- 每行结尾的分号可有可无 如果语句的结束处没有分号，JavaScript就会自动为该行代码的结尾作为语句的结尾。
- 变量是弱类型的 在定义变量时，只使用var运算符就可以将变量初始化为任意的值。
- 使用大括号标记代码块 JavaScript使用一堆大括号标记代码块，被封装在大括号内的语句将按顺序执行。
- 注释
单行注释: //
多行注释: /*……*/2.JavaScript中的关键字
boolean | continue | finally | instanceof | private | this |
|---|---|---|---|---|---|
break | default | float | int | public | throw |
byte | do | for | interface | return | typeof |
case | else | goto | native | static | var |
catch | extends | implements | new | super | void |
char | false | import | null | switch | while |
class | final | in | package | synchronized | with |
3.JavaScript的数据类型
1.数值型
- 整形
- 浮点型
2.字符型
- 单引号括起来的一个或者多个字符
'a'- 双引号括起来的一个或者多个字符
"b"JavaScript没有char数据类型，要表示单个字符，必须使用长度为1的字符串。
3.布尔型
布尔型数据只有两个值，即true和false，主要用来说明一种状态或者标志。
4.转义字符
转义字符 | 描述 | 转义字符 | 描述 |
|---|---|---|---|
\b | 退格 | \n | 换行 |
\f | 换页 | \t | Tab符 |
\r | 回车符 | \’ | 单引号 |
\\" | 双引号 | \\ | 反斜杠 |
\xnn | 十六进制 | \unnnn | 十六进制代码nnnn表示的Unicode字符 |
\0nnn | 八进制代码nnn表示的字符 |
5.空值
null用于定义空的或者不存在的引用。如果试图引用一个没有定义的变量，则返回一个null值。
6.未定义值
当使用了一个未声明的变量，或者使用了一个已经声明但没有赋值的变量时，将返回未定义值。
4.变量的定义及使用
1.变量的命名规则
- 变量名由字母、数字或者下划线组成，但必须以字母或下划线开头。
- 变量名中不能有空格、加号、减号或逗号等符号。
- 不能使用JavaScript中的关键字
- 严格区分大小写
2.变量的声明
- 可以使用一个关键字var同时声明多个变量
- 可以在声明变量的同时对其进行赋值
- 如果只是声明了变量，对未对其赋值，则其默认值为undefined。
- 当给一个尚未声明的变量赋值时，JavaScript会自动用该变量名创建一个全局变量。在一个函数的内部，通常创建的只是一个仅在函数内部起作用的局部变量，而不是一个全局变量。要创建一个全局变量，则必须使用一个var关键字进行声明变量。
- 在声明变量时不需要指定变量的类型，变量的类型将使用变量的值来确定。
3.变量的作用域
- 全局变量：是定义在所有函数之外，作用于整个脚本代码的变量。
- 局部变量：是定义在函数体内，只作用于函数体内的变量。
5.运算符的应用
1.赋值运算符
运算符 | 描述 |
|---|---|
= | 将右边表达式的值赋给左边的变量 |
+= | 将运算符左边的变量加上右边表达式的值赋给左边的变量 |
-= | 将运算符左边的变量减去右边表达式的值赋给左边的变量 |
*= | 将运算符左边的变量乘以右边表达式的值赋给左边的变量 |
/= | 将运算符左边的变量除以右边表达式的值赋给左边的变量 |
%= | 将运算符左边的变量用右边表达式求模，并将结果值赋给左边的变量 |
&= | 将运算符左边的变量与右边表达式进行逻辑与运算，并将结果赋给左边的变量 |
|= | 将运算符左边的变量与右边表达式进行逻辑或运算，并将结果赋给左边的变量 |
^= | 将运算符左边的变量与右边表达式进行逻辑异或运算，并将结果赋给左边的变量 |
2.算术运算符
运算符 | 描述 |
|---|---|
+ | 加法运算 |
- | 减法运算 |
* | 乘法运算 |
/ | 除法运算 |
% | 求模运算 |
++ | 自增运算符 |
– | 自减运算符 |
3.比较运算符
运算符 | 描述 |
|---|---|
< | 小于 |
> | 大于 |
<= | 大于等于 |
>= | 小于等于 |
== | 等于。只根据表面值进行判断，不涉及数据类型 |
=== | 绝对等于。根据表面值与数据类型同时进行判断 |
!= | 不等于。之根据表面值进行判断，不涉及数据类型 |
!== | 不绝对等于。根据表面值与数据类型同时进行判断 |
4.逻辑运算符
运算符 | 描述 |
|---|---|
！ | 逻辑非 |
&& | 逻辑与 |
|| | 逻辑或 |
5.条件运算符
即三目运算符：操作数?结果1:结果2
即操作数为true时，则整个表达式的结果为“结果1”，否则，整个表达式为“结果2”。
6.字符串运算符
描述符 | 描述 |
|---|---|
+ | 连接两个字符串 |
+= | 连接两个字符串并将结果赋给第一个字符串 |
3.流程控制语句
1.if条件判断
if(expression)
{statement1;}
else
{statement2;}- expression为指定条件表达式，可以使用逻辑运算符
- statement1：用于指定要执行的语句。如果expression为true时执行该语句。
- statement2：用于指定要执行的语句。如果expression为false时执行该语句。
2.switch条件判断
switch(expression){
case judgement 1:
statement 1;
break;
case judgement 2:
statement 2;
break;
……
default:
statement n+1;
break;
}- expression:任意的表达式或变量；
- case judgement：任意的常数表达式，当expression的值与judgement的值相等时开始执行后边的语句:如果与judgement都不相等，就运行后边default后边的语句；
- break：用于结束switch语句，如果没有break语句，将会继续进行后边所有分支;
3.for循环语句
for循环语句也称为计次循环语句，一般用于循环次数已知的情况。
for(initialize;test;increment)
{
statement;
}参数说明如下：
- initialize：初始化语句，用来对循环变量进行初始化赋值。
- test循环条件，一个包含比较运算符的表达式，用来限定循环变量的边限。如果循环变量超过了该边限，则停止该循环语句的执行。
- increment：用来指定循环变量的步幅。
- statement：用来指定循环体，在循环条件的结果为true时重复执行。
4.while循环变量
while循环语句也称为前测试循环语句，它是利用一个条件来控制是否要继续重复执行这个语句。
while(expression)
{
statement;
}参数说明如下：
- expression：一个包含比较运算符的条件表达式，用来指定循环条件。
- statement：用来指定循环体，在循环条件的结果为true时，重复执行。
5.do……while
do……while循环语句也称为后测试循环语句，它是利用一个条件来控制是否要继续重复执行这个语句。
do{
statement
}while(expression);参数说明如下：
- statement：用来指定循环体，循环开始时首先执行一次，然后在循环条件的结果为true时重复执行。
- expression：一个包含比较运算符的条件表达式，用来指定循环条件。
break与continue语句
break与continue语句都可以用于跳出循环，但两者也存在着一些区别。
- break语句：break语句用于退出包含在最内层的循环或者退出一个switch语句。
- continue语句：用于终止本次循环，并开始下一次循环。
4.函数
1.函数的定义
函数是由关键字function、函数名各加一组参数以及置于大括号中需要执行的一段代码的定义。
functio functionName([parameter 1,parameter 2……]){
statements;
[return expression;]
}参数说明：
- functionName：必选，用于指定函数名。在同一个页中，函数名必须是唯一的，并且区分大小写。
- parameter：可选，用于指定参数列表。当使用多个参数时，参数间使用逗号进行分隔。一个函数最多有255个参数。
- statements：必选，是函数体，用于实现函数功能的语句。
- expression：可选，用于返回函数值。expression为任意的表达式、变量或常量。
2.函数的调用
- 函数的调用比较简单，如果要调用不含参数的函数，使用函数名加上括号就好。
- 如果需要调用的函数带参数，则在括号中加上需要传递的参数
- 如果包含多个参数，参数间用逗号分隔。