理解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 相关文章推荐
Javascript 原型和继承(Prototypes and Inheritance)
Apr 01 Javascript
jquery插件之easing使用
Aug 19 Javascript
intro.js 页面引导简单用法 分享
Aug 06 Javascript
javascript作用域和闭包使用详解
Apr 25 Javascript
去除html代码里面的script正则方法
May 19 Javascript
微信jssdk用法汇总
Jul 16 Javascript
AngularJS入门教程之REST和定制服务详解
Aug 19 Javascript
Node.js与MySQL交互操作及其注意事项
Oct 05 Javascript
AngularJS Phonecat实例讲解
Nov 21 Javascript
基于vue.js无缝滚动效果
Jan 25 Javascript
JSON字符串操作移除空串更改key/value的介绍
Jan 05 Javascript
Vue 3.0中jsx语法的使用
Nov 13 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页面实现定时跳转的方法
2014/10/31 PHP
DOM相关内容速查手册
2007/02/07 Javascript
基于jQuery的仿flash的广告轮播代码
2010/11/04 Javascript
jquery ajax 简单范例(界面+后台)
2013/11/19 Javascript
node.js中的http.get方法使用说明
2014/12/14 Javascript
js变形金刚文字特效代码分享
2015/08/20 Javascript
学习JavaScript设计模式之装饰者模式
2016/01/19 Javascript
探寻JavaScript中this指针指向
2016/04/23 Javascript
深入理解React Native原生模块与JS模块通信的几种方式
2017/07/24 Javascript
详解Node全局变量global模块
2017/09/28 Javascript
基于Koa2写个脚手架模拟接口服务的方法
2018/11/27 Javascript
简单了解小程序+node梳理登陆流程
2019/06/24 Javascript
vue如何使用async、await实现同步请求
2019/12/09 Javascript
JS实现密码框效果
2020/09/10 Javascript
OpenLayers3实现测量功能
2020/09/25 Javascript
python解析xml文件操作实例
2014/10/05 Python
python使用Pycharm创建一个Django项目
2018/03/05 Python
python在每个字符后添加空格的实例
2018/05/07 Python
django初始化数据库的实例
2018/05/27 Python
使用Python OpenCV为CNN增加图像样本的实现
2019/06/10 Python
Python实现二叉树的最小深度的两种方法
2019/09/30 Python
Python学习笔记之函数的参数和返回值的使用
2019/11/20 Python
python3 Scrapy爬虫框架ip代理配置的方法
2020/01/17 Python
python由已知数组快速生成新数组的方法
2020/04/08 Python
python numpy矩阵信息说明,shape,size,dtype
2020/05/22 Python
计算Python Numpy向量之间的欧氏距离实例
2020/05/22 Python
Python绘制组合图的示例
2020/09/18 Python
HTML5的革新 结构之美
2011/06/20 HTML / CSS
美国老牌主机服务商:iPage
2016/07/22 全球购物
Lululemon英国官网:加拿大瑜伽服装品牌
2019/01/14 全球购物
设计总监岗位职责
2013/12/07 职场文书
2014爱耳日宣传教育活动总结
2014/03/09 职场文书
技能比武方案
2014/05/21 职场文书
小学庆六一主持词
2015/06/30 职场文书
2016年大学生寒假社会实践心得体会
2015/10/09 职场文书
Java 垃圾回收超详细讲解记忆集和卡表
2022/04/08 Java/Android