理解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 学习之旅 (2)
Feb 05 Javascript
JS简单的轮播的图片滚动实例
Jun 17 Javascript
一个奇葩的最短的 IE 版本判断JS脚本
May 28 Javascript
JavaScript操作URL的相关内容集锦
Oct 29 Javascript
js实现页面跳转的几种方法小结
May 16 Javascript
JS锚点的设置与使用方法
Sep 05 Javascript
jQuery弹出窗口打开链接的实现代码
Dec 24 Javascript
JQuery ZTree使用方法详解
Jan 07 Javascript
VUE 更好的 ajax 上传处理 axios.js实现代码
May 10 Javascript
详解基于Koa2开发微信二维码扫码支付相关流程
May 16 Javascript
vue实现的微信机器人聊天功能案例【附源码下载】
Feb 18 Javascript
vue界面发送表情的实现代码
Sep 11 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代码
2012/07/14 PHP
php实现singleton()单例模式实例
2014/11/06 PHP
5款适合PHP使用的HTML编辑器推荐
2015/07/03 PHP
PHP7.0安装笔记整理
2015/08/28 PHP
PHP fopen中文文件名乱码问题解决方案
2020/10/28 PHP
Javascript中的数学函数
2007/04/04 Javascript
javascript与CSS复习(《精通javascript》)
2010/06/29 Javascript
jQuery下通过replace字符串替换实现大小图片切换
2012/05/22 Javascript
js实现右下角可关闭最小化div(可用于展示推荐内容)
2013/06/24 Javascript
js中arguments的用法(实例讲解)
2013/11/30 Javascript
javascript/jquery获取地址栏url参数的方法
2014/03/05 Javascript
深入理解JavaScript的React框架的原理
2015/07/02 Javascript
关于cookie的初识和运用(js和jq)
2016/04/07 Javascript
javascript设计模式之策略模式学习笔记
2017/02/15 Javascript
jQuery控制元素隐藏和显示
2017/03/03 Javascript
微信小程序 选项卡的简单实例
2017/05/24 Javascript
Vue 换肤的示例实践
2018/01/23 Javascript
微信小程序模版渲染详解
2018/01/26 Javascript
Vue中使用JsonView来展示Json树的实例代码
2020/11/16 Javascript
[42:52]Optic vs Serenity 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
在Python的一段程序中如何使用多次事件循环详解
2017/09/07 Python
Python之用户输入的实例
2018/06/22 Python
Python玩转加密的技巧【推荐】
2019/05/13 Python
From CSV to SQLite3 by python 导入csv到sqlite实例
2020/02/14 Python
django ORM之values和annotate使用详解
2020/05/19 Python
Python自带的IDE在哪里
2020/07/01 Python
应届大学生自荐信格式
2013/09/21 职场文书
2014年高三毕业生自我评价
2014/01/11 职场文书
安卓程序员求职信
2014/02/28 职场文书
中介业务员岗位职责
2014/04/09 职场文书
高中生操行评语大全
2014/04/25 职场文书
解除聘用合同证明书范本
2014/09/11 职场文书
晋江市委常委班子四风问题整改工作方案
2014/10/26 职场文书
致运动员加油稿
2015/07/21 职场文书
基于Python绘制子图及子图刻度的变换等的问题
2021/05/23 Python
vue项目配置sass及引入外部scss文件
2022/04/14 Vue.js