第3章 JavaScript脚本语言
3.1 了解 JavaScript
3.1.1 什么是JavaScript
JavaScript 是脚本语言
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
3.1.2 JavaScript的主要特点
解释性javascript是一种解释语言，源代码不需要经过编译，直接在浏览器上运行时被解释。
基于对象：javascripth是一种基于对象的语言，能运用自己已经创建了的对象，许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。
事件驱动JavaScript可以直接对用户或客户输入做出响应，无需经过web服务程序。他对用户的响应，是以事件驱动的方式进行的，所谓事件驱动，指的是在主页执行了某种操作所产生的动作，此动作称为“事件”。
安全性JavaScript是一种安全性语言。它不允许访问本地的磁盘，并不能将数据存入服务器上；不允许对网络文本进行修改和删除，只能通过浏览器实现信息浏览或动态交互。可有效的防止数据丢失。
跨平台JavaScript依赖于浏览器本身，与操作环境无关。只要能运行浏览器的计算机，并支持JavaScript的浏览器就可以正确执行。
3.2.1 JavaScript的语法
- JavaScript区分大小写
- 每行行尾的分号可有可无
- 变量是弱类型
- 使用大括号标记代码块
- 注释，和java注释一样
3.2.2 JavaScript中的关键字
| abstract | continue | finally | instanceof | private | this |
|---|---|---|---|---|---|
| boolean | default | float | int | public | throw |
| break | do | for | interface | return | typeof |
| byte | double | function | long | short | true |
| case | else | goto | native | static | var |
| catch | extends | implement | new | super | void |
| char | false | import | null | switch | while |
| class | final | in | package | synchronize | with |
3.2.3 JavaScript的数据类型
1.数值型
- 整型
- 浮点型
2.字符型
3.布尔型
- true
- false
4.转义字符
JavaScript常用的转义字符
| 转义字符 | 描述 |
|---|---|
| \b | 退格 |
| \f | 换页 |
| \r | 回车符 |
| " | 双引号 |
| \xnn | 十六进制代码nn表示的字符 |
| \0nn | 八进制代码nnn表示的字符 |
| \n | 换行 |
| \t | Tab符 |
| ' | 单引号 |
| \ | 反斜杠 |
| \unnnn | 十六进制代码nnnn表示的Unicode字符 |
5.空值
- null值
6.未定义
- undefined
3.2.4 变量的定义及使用
1.变量的命名规则
JavaScript变量的命名规则如下
- 变量必须以字母开头
- 变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）
- 变量名称对大小写敏感（y 和 Y 是不同的变量）
- 不是使用 JavaScript中的关键字
- 变量名不能有空格、加号、减号或逗号等符号
2.变量的声明
在 JavaScript 中创建变量通常称为"声明"变量。我们使用 var 关键词来声明变量：
var carname;
变量声明之后，该变量是空的（它没有值）。如需向变量赋值，请使用等号：
carname="Volvo";
不过，您也可以在声明变量时对其赋值：
var carname="Volvo";
一条语句中声明很多变量。该语句以 var 开头，并使用逗号分隔变量即可：
var lastname="Doe", age=30, job="carpenter";
声明也可横跨多行：
var lastname="Doe",
age=30,
job="carpenter";
一条语句中声明的多个不可以赋同一个值:
var x,y,z=1;
//x,y 为 undefined， z 为 1。
3.变量的作用域
全局变量和局部变量，全局变量是定义在所有函数之外，作用于整个脚本代码的变量，局部变量定义在函数体内，只作用于函数体内的变量。
3.2.5 运算符的应用
1.赋值运算符
| 运算符 | 描述 | 示例 |
|---|---|---|
| = | 将右边表达式的值赋给左边的变量 | userName="mr" |
| += | 将运算符左边的变量加上右边表达式的值赋给左边的变量 | a+=b //相当于a=a+b |
| -= | 将运算符左边的变量减去右边表达式的值赋给左边的变量 | a-=b //相当于a=a-b |
| *= | 将运算符左边的变量乘以右边表达式的值赋给左边的变量 | a=b //相当于a=ab |
| /= | 将运算符左边的变量除以右边表达式的值赋给左边的变量 | a/=b //相当于a=a/b |
| %= | 将运算符左边的变量求模右边表达式的值赋给左边的变量 | a%=b //相当于a=a%b |
| &= | 略 | a&=b //相当于a=a&b |
| |= | 略 | a|=b //相当于a=a|b |
| ^= | 略 | a^=b //相当于a=a^b |
2.算术运算符
| 运算符 | 描述 | 示例 |
|---|---|---|
| + | 加法 | 4+6 //返回10 |
| - | 减法 | 7-2 //返回5 |
| * | 乘法 | 7*3 //返回21 |
| / | 除法 | 12/3 //返回4 |
| % | 取模（余数） | 7%4 //返回3 |
| ++ | 自增 (方法一、方法二) |
i=1;j=i++ //j的值为1,i的值为2 i=1;j=++i //j的值为2,i的值为2 |
| -- | 自减 (方法一、方法二) |
i=6;j=i-- //j的值为6,i的值为5 i=6;j=--i //j的值为5,i的值为5 |
3.比较运算符
| 运算符 | 描述 | 例子 |
|---|---|---|
| < | 小于 | 1<6 //返回true |
| > | 大于 | 7>10 //返回false |
| <= | 小于等于 | 10<=10 //返回true |
| >= | 大于等于 | 3>=6 //返回false |
| == | 等于 | "17"==17 //返回true |
| === | 绝对等于 | "17"===17 返回false |
| != | 不等于 | "17"!=17 //返回false |
| !== | 不绝对等于 | "17"!==17 //返回true |
4.逻辑运算符
| 运算符 | 描述 | 例子 |
|---|---|---|
| && | and | (x < 10 && y > 1) 为 true |
| || | or | (x==5 || y==5) 为 false |
| ! | not | !(x==y) 为 true |
5.条件运算符(三目运算符)
语法格式
操作数?结果1:结果2
示例代码
var a=26;
var b=30;
var m=a>b?a:b
6.字符串运算符
字符串拼接
示例代码
var a="one "+"world"
a+="One Dream"
alert(a)
//会显示One World One Dream
