JavaScript入门教程(2)

2019-01-12 15:49

相信你已经了解注释的作用了。HTML的注释不会被浏览器作为HTML解释,CSS注释也不会被浏览器解释。同理,JavaScript的注释也不会被执行。

注释的作用就是记录自己在编程时候的思路,以便以后自己阅读代码时可以马上找到思路。同样,注释也有助于别人阅读自己书写的JavaScript代码。总之书写注释是一个良好的编程习惯。

6 JavaScript 变量

(1)什么是变量

在代数中,我们会遇到下面的基础问题,如果a的值为5,b的值为6,那么a与b的和是多少?在这个问题中,我们就可以把a和b看做变量,再设置一个变量c来保存a与b的和。

那么,上面的这个问题就可以用如下的JavaScript代码表示:

执行结果:10

在上面的例子中,我们用到了三个变量:a,b,c。这些都是变量的名字,在JavaScript中,我们需要用变量名来访问这个变量。在JavaScript中,变量名有如下规定:

? ?

变量名区分大小写,A与a是两个不同变量。 变量名必须以字母或者下划线开头。

(2)声明变量

我们可以用var声明变量,比如:

其实在第一个例子中我们已经看到了,JavaScript中可以不声明变量直接赋值。不过先声明变量是一个良好的编程习惯。 (3)给变量赋值

来看一个上面出现过的语句:

a = 5 ;

这个语句怎么读出来呢?“a等于5”?

对不起,不对。应该是“让a等于5”,说得专业一点,这叫“给a赋值”。 我们之前已经提到过,a是变量,是可以变的,所以从某种角度来说,它不等于任何值,只是暂时的等于某个值。来看下面这个例子,进一步熟悉一下赋值与等于的关系:

a = 5;//让a等于5,a的值暂时等于5 a = 6;//让a等于6,a的值暂时等于6

再次强调,如果JavaScript是你学习的第一门编程语言,一定要注意区分“等于”和“赋值”这两个不同的概念。 (4)变量的数据类型

其实,在JavaScript中,变量是无所不能的容器,你可以吧任何东西存储在变量里,例如:

var quanNeng1 = 123;//数字

var quanNeng2 = \一二三\字符串

其中,quanNeng2这个变量存储了一个字符串,字符串需要用一对引号括起来。变量还可以存储更多的东西,例如数组,对象,布尔值等等,我们会在后面介绍这些内容。

7 JavaScript操作符

7.1运算操作符

操作符是用于在JavaScript中指定一定动作的符号,其中算术操作符主要用来完成类似加减乘除的工作。 (1)操作符举例

看下面这段JavaScript代码。 c = a + b;

其中的\和\都是操作符。

JavaScript中还有很多这样的操作符,例如,加减乘除是JavaScript中比较基本的几个操作符,它们的意义与在数学中没有什么差别。

JavaScript中最常见的操作符是赋值操作符“=”,上一节我们已经强调过,它不是等于。

(2)操作符的优先级

我们都知道,在数学中,“a + b * c”这个式子中,乘法将先于加法运算。同样,在JavaScript中,这个式子会按相同的顺序执行。我们称之为“优先级”,即“*”的优先级高于“+”。

与数学中一样,改变运算顺序的方法是添加括号,JavaScript中改变优先级的方法也是添加括号。例如: (a +b) * c (3)字符串的连接

在JavaScript中,“+”不知代表加法,同样也可以使用它来谅解两个字符串,例如:

example = \乌\龟\

在上面的例子中,example将包含“乌龟”这个字符串。这是由于“+”完成了“乌”和“龟”的连接,当然了,你也可以把这种行为理解成字符串的加法。 (4)自加一,自减一操作符

这里我们来看两个非常常用的运算符,自加一“++”;自减一“--”。首先来看一个例子:

a = 5;

a++;//a的值变为6 a--//a的值有变回5

上面的例子中,a++使得a的值在原来的基础上增加1,a--则让a在现在的基础上在减去1。所以,其实“a++”也可以写成

“a = a + 1”;//等同于a++ (5)复合操作符

延续上面的例子,其实“a = a + 1”还可以写成:

a += 1;//将a的值加1之后再赋给a

这样把运算和赋值结合到一起的操作符叫做复合操作符。上面我们看到的是加法与赋值的结合,JavaScript中还有其它的符合运算符:

a += b;// a = a + b a -= b;// a = a - b a *= b;// a = a * b a /= b;// a = a / b

7.2比较操作符和逻辑操作符

操作符是用于在JavaScript中指定一定动作的符号。 (1)比较操作符

比如:“==”符号,它是一个比较操作符,它表示的意思就是“相等吗?”。 例如:a==b表示:“a与b的值相等吗?”

在JavaScript中,这样的比较操作符有很多,下面就列出这些操作符以及它们的含义。

? ? ? ? ? ?

“>” —— a大于b吗? “<” —— a小于b吗?

“>=” —— a大于等于b吗? “<=” —— a小于等于b吗? “==” —— a等于b吗? “!=” —— a不等于b吗?

(2)逻辑操作符

数学里面的“a>b”在JavaScript中还表示为a>b;数学中的“b大于a,b小于c”是“a

b>a && a<b

你可能已经猜到了,“&&”是而且的意思。

if(条件1 && 条件2) {//代码}

只有条件1、2同时满足,代码才会得到执行。 类似的操作符还有“或者(||)”和“非(!)”

if(条件1 || 条件2) {//代码}

“||”表示或者的意思,只要条件1或2中有一个满足,代码就会得到执行。

if(!条件) {//代码}

“!”表示非,也就是不是的意思,只有条件不满足的时候,代码才会得到执行。

8 JavaScript流程控制语句

8.1 if else语句(如果,否则)

if else是所有编程语言里都有的功能,它使得程序具有简单的判断能力。 在介绍if之前,让我们先来了解一下布尔值这个概念。 (1)布尔(Bool)值

在变量一节中,我们曾经说过,变量可以用来存储布尔值。哪么布尔值的作用究竟是什么呢?简单的说,布尔值的作用就是用来表示“真的假的”。所以布尔值其实只有两种取值:真(true)和假(false)。


JavaScript入门教程(2).doc 将本文的Word文档下载到电脑 下载失败或者文档不完整,请联系客服人员解决!

下一篇:必修4第一章三角函数简单教学设计

相关阅读
本类排行
× 注册会员免费下载(下载后可以自由复制和排版)

马上注册会员

注:下载文档有可能“只有目录或者内容不全”等情况,请下载之前注意辨别,如果您已付费且无法下载或内容有问题,请联系我们协助你处理。
微信: QQ: