JavaScript进阶（一）

 OK接下来，我们再次梳理一遍js并且提高一个等级。

众所周知，web前端开发者需要了解html和css，会只用html和css创建一个漂亮的页

面，但是这肯定是不够的，因为它只是一个静态的页面，我们还需要用JavaScript

增加它的行为，为网页添加动态效果。

首先，JavaScript能做什么？

1.增强页面动态效果（如：下拉菜单，图片轮播，信息滚动等）

2.实现页面与用户之间的实时，动态交互（如：用户注册，登录验证等）

JavaScript进阶篇章能学习到什么呢？

在JavaScript入门篇中，学了如何插入js，输出内容以及简单的dom操作，JavaScript

进阶能让我们进一步了解js的变量，数组，函数，语法，对象，事件，dom操作，制作

简单的网页动态效果。

首先，什么是变量？从字面上看，变量是可以变的量。从编程角度来看，变量是用

于存储某种/某些数值的存储器。我们可以把变量看做一个盒子，盒子用来存放物品

物品可以是衣服，玩具，水果...等。

然后为了区分这些盒子，可以用box1，box2等名称来代表不同的盒子，box1就是盒

子的名字（也是变量的名字）

我们给变量取名字的时候可以任意取，但是要遵循一些规范：

1.必须以字母，下划线或者美元符号开头，后面可以跟字母，下划线，美元符号或

数字。

如下：

正确：mysum _mychar $numal

错误：6num//开头不能是数字 %sum//开头不能用除了$或_以外的特殊符号

sum+num//开头中间不能用除了$或_以外特殊符号

2.变量名区分大小写，如A与a就是两个不同的变量

3.不允许使用JavaScript关键字或者保留字作为变量名

        关键字

break else new var

case finally return void

catch for switch while

default if throw

delete in try

do instanceof typeof

保留字

abstract enum int short

boolean export interface static

byte extends long super

char final native synchronized

class float package throws

const goto private transient

debugger mplements protected volatile

double import public

 

我们是要用盒子装东西的，是不是先要找到盒子，那么在编程中，这个过程叫声明

变量，找盒子的动作，如何表示：

声明变量语法：var 变量名；

var就相当于找盒子的动作，在JavaScript中是关键字（即保留字），这个关键字

的作用是声明变量，并为“变量”准备位置（即内存）。

var mynum;//声明一个变量mynum

当然，我们可以一次找一个盒子，也可以一次找多个盒子，所以var还可以一次声明

多个变量，变量之间用","逗号隔开。

var num1,num2;

注意：变量也可以不声明，直接使用，但是为了规范，需要先声明，后使用。

我们把变量看做一个盒子，盒子用来存放物品，那如何在变量中存储内容呢？

我们使用“=”等号给变量存储内容，如：

var mynum=5;//声明变量mynum并赋值

这个语句怎么读呢？给变量mynum赋值，值为5.我们也可以这样写：

var mynum;//声明变量mynum

mynum=5;//给变量mynum赋值

注意：这里的“=”等号的作用是给变量赋值，不是等于号。

盒子可以装衣服，玩具，水果等等。其实，变量是无所不能的容器，你可以把任何

东西存储在变量里，如：数值，字符串，布尔值等。如：

var num1=123;//123是数值

var num2="一二三";//"一二三"是字符串

var num3=true;//布尔值true(真),false(假)

其中num1变量存储的内容是数值；num2变量存储的内容是字符串，字符串需要一对

引号""括起来，nume3变量存储的内容是布尔值(true,false)。

然后提到表达式。表达式与数学中的定义相似，表达式是指具有一定的值、用操作

符把常数和变量连接起来的代数式。一个表达式可以包含常数或变量。如：

num=num+1;

num就是变量，=是赋值，num+1就是表达式

操作符是用于在JavaScript中指定一定动作的符号。

（1）操作符

看下面这段代码：

sum=numa+numb;

其中"="和"+"都是操作符。

JavaScript中还有很多这样的操作符，例如，算数操作符，比较操作符，逻辑操作符

注意，注意，再注意！！！"="操作符是赋值，不是等于！

（2）"+"操作符

算术运算符主要用来完成类似加减乘除的工作，在JavaScript中，"+"不只代表加法，

还可以连接两个字符串，如：

mystring="Java"+"Script";//mystring的值"JavaScript"这个字符串

算术操作符除了加减乘除外，还有两个非常有用的操作符，自加一"++";自减一"--"

首先来看一个例子：

mynum=10;

mynum++;//mynum的值变成了11

mynum--;//mynum的值又变回了10

上面的例子中，mynum++使mynum值在原基础上增加1，mynum--使mynum在原基础上

减去1，其实也可以写成：

mynum=mynum+1;//等同于mynum++

mynum=mynum-1;//等同于mynum--

然后说到比较操作符。

我们先说道数学题，小明考试考了90分，小红考了95分，问谁的分数高？

答：因为95>90 所以小红考试成绩高

其中大于号>就是比较操作符。小红考试成绩和小明考试成绩就是操作数，并且是

两个操作数。

也就是说两个操作数通过比较操作符进行比较，得到值为真（true）和假（false）

在JavaScript中，这样的比较操作符有很多，这些操作符的含义如下：

操作符 描述

< 小于

> 大于

<= 小于或等于

>= 大于或等于

== 等于

!= 不等于

看看下面例子：

var a=5;//定义a变量，赋值为5

var b=9;//定义b变量，赋值为9

document.write(a<b);//a小于b的值吗？结果是真(true)

document.write(a>=b);//a大于或等于b的值吗？结果是假(false)

document.write(a!=b);//a不等于b的值吗？结果是真(true)

document.write(a==b);//a等于b的值吗？结果是假(false)

ps：暂时有点事情，如果晚上有空闲的话，会继续更新的。