|
|
51CTO旗下网站
|
|
移动端

2.2.2 变量赋值

《JavaScript开发实战》第2章变量:在程序中存储数据,本章可以看作是这本入门书的起点。本节为大家介绍变量赋值。

作者:孙晓青/周伟 译来源:机械工业出版社|2018-05-05 10:35

2.2.2 变量赋值

现在,程序已经能够识别变量 score,下面介绍如何为变量 score分配一个值。为变量赋值需要使用等号。图 2-2说明了等号的作用,代码清单 2-2显示了等号在程序中的作用。

代码清单 2-2为变量赋值 (http://jsbin.com/yuvoju/edit?js,console)

  1. var score; //声明一个名为score 的变量  
  2. score = 100; //将100 赋值给score 

通过以上两条语句,我们将 100赋值给变量 score。在赋值语句中,将值放在等号的右边,将变量放在等号的左边(图 2-3)。当使用等号为变量赋值时,将等号称作赋值运算符。

现在,我们已经学会了声明一个变量并对其进行赋值。下面介绍如何将变量的值显示在控制台上。以上代码清单 2-2的输出如下所示:

  1. > 100 

代码清单 2-3使用变量 (http://jsbin.com/huvime/edit?js,console)

  1. var score;  
  2. score = 100;  
  3. console.log(score); 

利用第 1章中介绍的 console.log函数,可以在控制台上显示变量 score的值。因为我们已经将 100赋值给了 score,所以在控制台上就会显示 100。

为什么不直接使用 console.log(100)来显示 100?因为在程序运行中变量的值通常是不断变化的。通过使用变量,而不是字面值,程序可以随时取到这个变量中存放的值。以下代码清单 2-4首先在控制台上显示 score变量中存放的值,然后更改 score变量的值,并显示更改后的新值,输出结果如下:

  1. > 100  
  2. > 150 

代码清单 2-4变量的值发生变化 (http://jsbin.com/jasafa/edit?js,console)

  1. var score;  
  2. score = 100;  
  3. console.log(score);  
  4. score = 150;  
  5. console.log(score); 

在以上代码中,两次使用相同的指令: console.log(score),但是在控制台上输出了两个不同的值。尽管代码指令中使用了相同的变量 score,但因为变量 score的值前后发生了变化,因此输出也会相应改变。

在以上代码中,程序分两次将 100和 150赋值给变量 score。与之类似,程序指令也可以轻松地将文本内容赋值给变量,只需将文本内容放在引号中即可。以下代码清单 2-5可以在控制台上显示以下两条信息:

  1. > Hello World!  
  2. > Congratulations! Your tweet has won a prize ... 

代码清单 2-5将文本赋值给变量 (http://jsbin.com/hobiqo/edit?js,console)

  1. var message; //声明变量message  
  2. message = "Hello World!"; //使用双引号将一条文本信息赋值给变量message  
  3. console.log(message);  
  4. message = 'Congratulations! Your tweet has won a prize...';  
  5. //使用单引号将一条新的文本信息赋值给变量message  
  6. console.log(message); 

正如代码清单 2-5所示,将文本放在引号内就称为一个字符串。我们可以使用双引号,例如"Hello World!";或者使用单引号,例如 'Congratulations!'。但是单引号或双引号必须成对出现。如果没有使用引号, JavaScript会将文本信息解释为指令或变量。

喜欢的朋友可以添加我们的微信账号:

51CTO读书频道二维码


51CTO读书频道活动讨论群:365934973

【责任编辑:book TEL:(010)68476606】

回书目   上一节   下一节
点赞 0
分享:
大家都在看
猜你喜欢

读 书 +更多

系统分析师技术指南

本书对前沿而又成熟的系统分析技术和方法进行了讨论,包括CMM与过程改进、J2EE与NET平台、中间件及相关技术、应用服务器、Web 服务、数据...

订阅51CTO邮刊

点击这里查看样刊

订阅51CTO邮刊