理解JavaScript的变量的入门教程


Posted in Javascript onJuly 07, 2015

变量是用于存储信息的容器:

 

x=5; length=66.10;

还记得在学校里学过的代数吗?

当您回忆在学校学过的代数课程时,想到的很可能是:x=5, y=6, z=x+y 等等。

 

还记得吗,一个字母可以保存一个值(比如 5),并且可以使用上面的信息计算出 z 的值是 11。

 

您一定没有忘记,对吧。

 

这些字母称为变量,变量可用于保存值 (x=5) 或表达式 (z=x+y)。

JavaScript 变量

正如代数一样,JavaScript 变量用于保存值或表达式。

 

可以给变量起一个简短名称,比如 x,或者更有描述性的名称,比如 length。

 

JavaScript 变量也可以保存文本值,比如 carname="Volvo"。

 

JavaScript 变量名称的规则:

变量对大小写敏感(y 和 Y 是两个不同的变量)

变量必须以字母或下划线开始

注释:由于 JavaScript 对大小写敏感,变量名也对大小写敏感。

实例

在脚本执行的过程中,可以改变变量的值。可以通过其名称来引用一个变量,以此显示或改变它的值。

本例为您展示原理。

声明(创建) JavaScript 变量

在 JavaScript 中创建变量经常被称为“声明”变量。

 

您可以通过 var 语句来声明 JavaScript 变量:

 

var x;
var carname;

在以上声明之后,变量并没有值,不过您可以在声明它们时向变量赋值:

 

var x=5;
var carname="Volvo";

注释:在为变量赋文本值时,请为该值加引号。

向 JavaScript 变量赋值

通过赋值语句向 JavaScript 变量赋值:

 

x=5;
carname="Volvo";

 

变量名在 = 符号的左边,而需要向变量赋的值在 = 的右侧。

 

在以上语句执行后,变量 x 中保存的值是 5,而 carname 的值是 Volvo。
向未声明的 JavaScript 变量赋值

如果您所赋值的变量还未进行过声明,该变量会自动声明。

这些语句:

 

x=5;
carname="Volvo";

与这些语句的效果相同:

 

var x=5;
var carname="Volvo";

重新声明 JavaScript 变量

如果您再次声明了 JavaScript 变量,该变量也不会丢失其原始值。

 

var x=5;
var x;

在以上语句执行后,变量 x 的值仍然是 5。在重新声明该变量时,x 的值不会被重置或清除。

JavaScript 算术

正如代数一样,您可以使用 JavaScript 变量来做算术:

 

y=x-5;
z=y+5;
Javascript 相关文章推荐
qTip2 精致的基于jQuery提示信息插件
Feb 17 Javascript
jquery插件实现鼠标经过图片右侧显示大图的效果(类似淘宝)
Feb 04 Javascript
最新最热最实用的15个jQuery插件汇总
Jul 05 Javascript
JavaScript数据类型判定的总结笔记
Jul 31 Javascript
jQuery实现导航滚动到指定内容效果完整实例【附demo源码下载】
Sep 20 Javascript
js中创建对象的几种方式
Feb 05 Javascript
老生常谈javascript中逻辑运算符&&和||的返回值问题
Apr 13 Javascript
bootstrap table插件的分页与checkbox使用详解
Jul 23 Javascript
基于vue-resource jsonp跨域问题的解决方法
Feb 03 Javascript
如何以Angular的姿势打开Font-Awesome详解
Apr 22 Javascript
妙用缓存调用链实现JS方法的重载
Apr 30 Javascript
javascript实现一款好看的秒表计时器
Sep 05 Javascript
Javascript编写俄罗斯方块思路及实例
Jul 07 #Javascript
javascript实现控制div颜色
Jul 07 #Javascript
浅谈JavaScript中的字符编码转换问题
Jul 07 #Javascript
JavaScript中判断两个字符串是否相等的方法
Jul 07 #Javascript
javascript中数组方法汇总
Jul 07 #Javascript
jQuery原型属性和原型方法详解
Jul 07 #Javascript
在JavaScript中访问字符串的子串
Jul 07 #Javascript
You might like
PHP错误Warning:mysql_query()解决方法
2015/10/24 PHP
46 个非常有用的 PHP 代码片段
2016/02/16 PHP
thinkphp3.x中变量的获取和过滤方法详解
2016/05/20 PHP
完美的php分页类
2017/10/24 PHP
php中输出json对象的值(实现方法)
2018/03/07 PHP
javascript比较文档位置
2008/04/08 Javascript
JQuery Dialog的内存泄露问题解决方法
2010/06/18 Javascript
javascript淡入淡出效果的实现思路
2012/03/31 Javascript
基于jQuery的JavaScript模版引擎JsRender使用指南
2014/12/29 Javascript
javascript产生随机数方法汇总
2016/01/25 Javascript
JS简单获取及显示当前时间的方法
2016/08/03 Javascript
基于Bootstrap和jQuery构建前端分页工具实例代码
2016/11/23 Javascript
详解微信小程序 相对定位和绝对定位
2017/05/11 Javascript
jQuery实现轮播图及其原理详解
2020/04/12 jQuery
详解javascript appendChild()的完整功能
2018/08/18 Javascript
node.js使用redis储存session的方法
2018/09/26 Javascript
关于微信小程序获取小程序码并接受buffer流保存为图片的方法
2019/06/07 Javascript
vue 中的 render 函数作用详解
2020/02/28 Javascript
vue 验证两次输入的密码是否一致的方法示例
2020/09/29 Javascript
使用C#配合ArcGIS Engine进行地理信息系统开发
2016/02/19 Python
使用Python从有道词典网页获取单词翻译
2016/07/03 Python
利用python 更新ssh 远程代码 操作远程服务器的实现代码
2018/02/08 Python
Python3.5运算符操作实例详解
2019/04/25 Python
Django认证系统实现的web页面实现代码
2019/08/12 Python
Python3开发实例之非关系型图数据库Neo4j安装方法及Python3连接操作Neo4j方法实例
2020/03/18 Python
浅谈pytorch中torch.max和F.softmax函数的维度解释
2020/06/28 Python
python实现AHP算法的方法实例(层次分析法)
2020/09/09 Python
YesBabyOnline美国:全球性的在线婚纱礼服工厂
2018/05/05 全球购物
惠普新加坡官方商店:HP Singapore
2020/04/17 全球购物
GMP办公室主任岗位职责
2014/03/14 职场文书
大队委竞选演讲稿
2014/04/28 职场文书
青春励志演讲稿
2014/04/29 职场文书
党员对十八届四中全会的期盼思想汇报范文
2014/10/17 职场文书
2014幼儿园大班工作总结
2014/11/10 职场文书
上诉状格式
2015/05/23 职场文书
Redis高可用集群redis-cluster详解
2022/03/20 Redis